Vue.js 基于多个vue应用程序路径的Nginx根开关

假设我有两条路由

/

和

/first

，这两条路由都应该路由到不同的vue应用程序

我的根目录切换正常，问题是当您转到

/first

时，vue应用程序无法加载任何javascript文件或css文件，因为它们转到

/js

或

/css

而不是

/first/js

或

/first/css

我拥有的两个位置块非常简单，如下所示：

    location /first {
        alias  /home/first/dist;
        index  index.html index.htm;
    }

    location / {
        alias  /home/second/dist;
        index  index.html index.htm;
    }

---

js和css文件通常像

/js/chunk vendors.deb8a740.js

一样加载。我认为这不起作用，因为nginx正在剥离响应上的

/first

，因为如果我将导入更改为

/first/js/chunk vendors.deb8a740.js

，则应用程序将加载。

我能够针对我自己的情况解决这一问题，至少我会分享我最终得到的结果

我添加了一个包含公共路径的

vue.config.js

，因此dist文件夹中的所有导入都从

/js

转到

/first/js

这就是我的案子所需要的

module.exports = {
    publicPath: '/first/'
}