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

目录:

1、vue项目打包


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


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

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

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

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

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

相关推荐
独泪了无痕6 小时前
Vue3 Hooks使用实战解析
前端·vue.js
郝亚军9 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
an3174211 小时前
6MB 组织树大文件性能优化全流程
前端·javascript·vue.js
GitLqr11 小时前
Vue 3.6 Vapor Mode vs React 19 Compiler:前端架构的两条分叉路
vue.js·react.js·vapor
整點薯條12 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
Cobyte15 小时前
模板 DSL 解析器中的状态机设计
前端·javascript·vue.js
郝亚军16 小时前
How to create a vue project via webstorm?
前端·vue.js·webstorm
Bad_Shepherd17 小时前
vue-element-plus-admin添加自定义svg图标,并且图标选择组件可选自定义图标
vue.js·elementui·前端框架
陈天伟教授18 小时前
华为云 阿里云 腾讯 WorkBuddy的工具对比
阿里云·华为云·云计算
会周易的程序员20 小时前
Mermaid Renderer:一款的图表可视化小工具
前端·vue.js·流程图·mermaid