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

目录:

1、vue项目打包


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


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

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

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

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

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

相关推荐
Java陈序员5 小时前
太香了!一款轻量级的 Elasticsearch 可视化管理工具!
vue.js·elasticsearch·vite
简单Janeee10 小时前
[Vue 3 从零到上线]-第四篇:组件化思维——把网页像积木一样拆解
javascript·vue.js·ecmascript
一枚前端小姐姐12 小时前
Vue3 + Pinia 状态管理,从入门到模块化
前端·vue.js
boooooooom12 小时前
Vue3 nextTick 实现大变化:微任务优先,彻底搞懂渲染时机!
javascript·vue.js·面试
安当加密12 小时前
用 SMS 凭据管理系统替代 HashiCorp Vault:中小企业的轻量级 Secrets 管理实践
服务器·数据库·安全·阿里云
一枚前端小姐姐13 小时前
Vue3 组合式 API(setup + script setup)实战
前端·vue.js
阿懂在掘金14 小时前
别再写换皮 Options 了!Vue3 Setup 真正的用法的是这3步升级
vue.js
一枚前端小姐姐14 小时前
Vue3 + Vite 从零搭建项目,超详细入门指南
前端·vue.js
PD我是你的真爱粉14 小时前
Vue 3 生命周期完全指南:从流程图到最佳实践
前端·vue.js·流程图
anyup15 小时前
uniapp开发的鸿蒙应用上架后,竟然月入4000+
前端·vue.js·harmonyos