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

目录:

1、vue项目打包


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


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

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

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

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

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

相关推荐
Database_Cool_4 小时前
数据仓库弹性扩缩容怎么实现?AnalyticDB MySQL 在线扩容 0 中断实战
数据库·数据仓库·mysql·阿里云
李剑一7 小时前
ant-design-vue 1.x 版本换肤功能开发
前端·vue.js·ant design
李明卫杭州8 小时前
Vue2 与 Vue3 自定义指令详解:钩子变化、迁移指南与实战示例
前端·javascript·vue.js
nicole bai10 小时前
vue 自定义模块内容
前端·javascript·vue.js
Demons_kirit10 小时前
图库原理(以阿里云OSS为案例)
java·阿里云·云计算
遇乐的果园12 小时前
前端学习笔记-vue列表处理
前端·vue.js·学习
ss27312 小时前
Vue 完整版本发展史时间线(2013–2026)|版本迭代里程碑+核心特性对照表
前端·javascript·vue.js
英勇无比的消炎药12 小时前
体积砍半、加载提速、请求不卡:TinyRobot 生产环境性能调优全攻略
vue.js
gis开发之家13 小时前
《Vue3 从入门到大神32篇》Vue3 源码详解(二):从 GitHub Clone 到断点调试,手把手搭建源码阅读环境
vue.js·前端框架·github·vue3·vue3源码