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

目录:

1、vue项目打包


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


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

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

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

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

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

相关推荐
乌托邦4 小时前
uni-mini-ci:让 uniapp 小程序构建后自动预览和上传
前端·vue.js·uni-app
前端那点事8 小时前
彻底解决KeepAlive缓存乱象!Vue3精细化按需缓存+路径重置终极方案
前端·vue.js
前端那点事8 小时前
Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js
前端那点事8 小时前
从零落地前端性能优化:全链路避坑+实战调优方案
前端·vue.js
蔡不菜和他的uU们9 小时前
使用acme.sh进行阿里云域名SSL证书申请与部署自动化
运维·阿里云
Momo__9 小时前
Vue3 v-memo:长列表渲染的性能核武器
前端·vue.js
ljt272496066110 小时前
Vue笔记(三)--用户交互
javascript·vue.js·笔记
Martin -Tang10 小时前
uniapp 实现录音操作,长按录音,放开取消
前端·javascript·vue.js·uni-app·css3·录音
代码煮茶12 小时前
Vue3 组件库二次封装实战 | 基于 Element Plus 封装企业级 UI 组件库
前端·javascript·vue.js
Arman_12 小时前
Rust 客户端安全上传下载阿里云 OSS:rusty-cat 预签名 URL 实战
安全·阿里云·rust·oss断点续传