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

目录:

1、vue项目打包


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


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

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

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

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

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

相关推荐
代码煮茶7 小时前
Vite 5.0 新特性深度解析:更快、更干净、更未来的前端构建利器
vue.js
阿里云大数据AI技术9 小时前
Hologres CLI与Skills担当Agent-Ready 基础设施,共建数仓智能新生态_
人工智能·阿里云·agent·hologres·skills
Pu_Nine_911 小时前
IntersectionObserver 详解:封装 Vue 指令实现图片懒加载
前端·javascript·vue.js·性能优化
前端那点事12 小时前
Vue nextTick 超全解析|作用、使用场景、底层原理、Vue2/Vue3区别
前端·vue.js
前端那点事12 小时前
Vue面试高频:子组件能直接修改父组件数据吗?单向数据流原理+正确写法全覆盖
前端·vue.js
前端那点事12 小时前
为什么 Vue 的 template 标签不能用 v-show?底层机制+踩坑复盘+生产级解决方案
前端·vue.js
北风toto13 小时前
为什么 IntelliJ IDEA Community 无法开发 Vue?——附解决方案
java·vue.js·intellij-idea
跟着珅聪学java14 小时前
Element UI 的 Tabs 标签页开发教程
javascript·vue.js·elementui
jiayong2315 小时前
前端面试题库 - Vue框架篇
前端·vue.js·面试
三*一15 小时前
Mapbox GL JS 前端多边形分割实战:从踩坑到优雅实现
开发语言·前端·javascript·vue.js