技术栈

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

bst@微胖子2025-03-24 23:42

目录:

    • 1、vue项目打包
    • 2、通过ngixn发布vue的打包文件

1、vue项目打包


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


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

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

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

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

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

上一篇:Java实习生面试题(2025.3.23 be)
下一篇:个人博客系统 --- 测试报告
相关推荐
kuntli
3 小时前
Vue生命周期全解析
vue.js
小一梦
3 小时前
宝塔面板单域名部署多个 Vue 项目:从路径冲突到完美共存
服务器·javascript·vue.js
只能是遇见
4 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
发现一只大呆瓜
5 小时前
Vue-Vue Router核心原理+实战用法全解析
前端·vue.js·面试
米丘
9 小时前
vue-router v5.x createRouter 是创建路由实例?
前端·vue.js
cmd
9 小时前
《Vue3 watch详情:deep/immediate/flush/once 全用法 + 踩坑总结》
vue.js
学以智用
9 小时前
# Vue3 AJAX 请求数据
前端·vue.js
用户9031908714882
9 小时前
Vue 组件设计优化:别把控制显隐的 v-if 藏在子组件里
vue.js
热门推荐
01GitHub 镜像站点02Qwen3.5 开源全解析:从 0.8B 到 397B,代际升级 + 全场景选型指南03OpenClaw 使用和管理 MCP 完全指南04UV安装并设置国内源05OpenClaw Control UI安全上下文访问配置06小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)07Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services08本地部署 OpenClaw + DeepSeek-R1 完全指南09OpenClaw macOS 完整安装与本地模型配置教程(实战版)10AI 编程三剑客:Spec-Kit、OpenSpec、Superpowers 深度对比与实战指南