Laughing
同一nginx服务器部署多个vue项目
12/25
本文最后更新于2024年03月18日，已超过185天没有更新。如果文章内容或图片资源失效，请留言反馈，我会及时处理，谢谢！
项目上使用了大屏，由于大屏的框架样式与业务系统存在冲突，所以决定单独拆分成两个独立的vue项目。
一、项目信息
首先两个项目，一个web存放的是业务系统，正常访问。另外一个bigscreen作为大屏使用，通过二级目录/bigScreen访问
二、web项目处理
web项目不需要特殊处理，正常build即可。
三、bigscreen项目处理
1. 修改配置文件vue.config.js
打开项目根目录下的vue.config.js文件，修改public如下
publicPath: process.env.NODE_ENV === "production" ? "/bigScreen" : "/",2. 修改src/router/index.js, 项目页面跳转路由
const router = new VueRouter({
mode: "history",
base: '/bigScreen',
routes
})3. 配置nginx
nginx配置文件，添加如下节点
location /bigScreen/ {
alias /www/wwwroot/dotnetcore.com.cn/bigScreen/;
index index.html index.htm;
try_files $uri $uri/ /bigScreen/index.html; # 内部项目跳转路径
}四、项目部署
- 原始项目，还是放到根目录。
- bigScreen在网站根目录下创建bigScreen文件夹，并将生成的文件上传到bigScreen目录下。
版权属于：
香草物语
本文链接：
https://www.xiangcaowuyu.net/web/deploying-multiple-servers-in-the-same-project.html（转载时请注明本文出处及文章链接）
作品采用：
多谢