nginx中部署多vue项目

最新推荐文章于 2024-03-07 22:22:48 发布

小Q宇宙

最新推荐文章于 2024-03-07 22:22:48 发布

阅读量154

点赞数

分类专栏： vue nginx

本文链接：https://blog.csdn.net/weixin_43310339/article/details/107025961

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

nginx

3 篇文章 0 订阅

订阅专栏

修改vue.config.js

在第一个vue项目的vue.config.js添加publicPath: '/comfessionWall'

module.exports = {
    //部署应用包时的基本 URL
    publicPath: '/comfessionWall',
 
};

在第二个vue项目的vue.config.js中添加publicPath: '/office'

module.exports = {
    //部署应用包时的基本 URL
    publicPath: '/office',
 
};

修改router.js

在vue-router的配置文件router.js中修改相对应的base为base: '/comfessionWall'和base: '/office'

import Vue from 'vue'
import Router from 'vue-router'
 
Vue.use(Router);
 
export default new Router({
    base: '/comfessionWall',
})

import Vue from 'vue'
import Router from 'vue-router'
 
Vue.use(Router);
 
export default new Router({
    base: '/office',
})

修改nginx.conf或者其他conf

server {
    listen       80;
    server_name  localhost;
 
    location / {
	root /usr/share/nginx/html;
    }
 
    location /comfessionWall {    
        alias /usr/share/nginx/html/comfessionWall;
        index index.html index.htm;
        try_files $uri $uri/ /comfessionWall/index.html;
    }
 
    location /office {
        alias  /usr/share/nginx/html/office;
        index index.html index.htm;
        try_files $uri $uri/ /office/index.html;
    }
 
}

参考：https://blog.csdn.net/qq1123642601/article/details/102857879