技术栈

阿里云平台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)
下一篇:个人博客系统 --- 测试报告
相关推荐
单线程12138
28 分钟前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js
丁婷婷
5 小时前
Reflect 在 Vue3 响应式中的作用是什么?
vue.js
吃西瓜的年年
5 小时前
vue3原理思维导图
vue.js·笔记·flutter
Z小明
5 小时前
第 1 章 Vite 项目初始化
前端·vue.js
合橱瑰
5 小时前
Vue3 与 ElementPlus 前端常见错误修复实践
前端·vue.js
风之舞_yjf
6 小时前
Vue基础(35)_全局事件总线(GlobalEventBus)
前端·vue.js
牧码岛
6 小时前
阿里云服务器新端口上线SOP(Windows+Nginx+HTTPS)
服务器·nginx·阿里云
程序员小八777
6 小时前
后端转全栈:前端思维转变(Vue 视角)
前端·vue.js·状态模式
宿674
6 小时前
vue3-vite
前端·vue.js
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02ZCode 周末送额度活动开启:3 亿 Token 免费领取03GitHub 镜像站点04历年考研数学一、数学二、数学三真题试卷及答案PDF052026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?06微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新07AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路08Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费09蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接10VSCode+CodeX扩展,无法启动