阿里云平台Vue项目打包发布

目录:

1、vue项目打包


在你的vue项目下执行npm run build命令进行打包。


2、通过ngixn发布vue的打包文件

直接将打包的dist文件拷贝到nginx目录下即可。

修改nginx.conf的配置文件的相关配置,如端口或者root dist。

运行的直接执行nginx的启动命令就可以启动项目了。

然后直接外网地址走80端口就直接能访问到vue的项目。

相关推荐
C_心欲无痕1 天前
vue3 - 依赖注入(provide/inject)组件跨层级通信的优雅方案
前端·javascript·vue.js
BD_Marathon1 天前
Vue3_响应式数据的处理方式
前端·javascript·vue.js
嚣张丶小麦兜1 天前
Vue常用工具库
前端·javascript·vue.js
小飞侠在吗1 天前
Vue customRef
前端·javascript·vue.js
雪碧聊技术1 天前
登录页【电影画风视频背景】实现
vue.js·视频背景·video标签
指尖跳动的光1 天前
判断页签是否为活跃状态
前端·javascript·vue.js
嚣张丶小麦兜1 天前
认识vite
前端·javascript·vue.js
Awu12271 天前
Vue3自定义渲染器:原理剖析与实践指南
前端·vue.js·three.js
进击的野人1 天前
Vue.js 插槽机制深度解析:从基础使用到高级应用
前端·vue.js·前端框架
用户4099322502121 天前
Vue3 v-if与v-show:销毁还是隐藏,如何抉择?
前端·vue.js·后端