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

让我们说我有两条路由//first,并且都应该路由到不同的vue应用。

我的根切换正常,问题是当您转到/first时,vue应用程序无法加载任何javascript文件或css文件,因为它们转到了/js或{{1} },而不是/css/first/js

我有两个很简单的位置块:

/first/css

js和css文件通常以 location /first { alias /home/first/dist; index index.html index.htm; } location / { alias /home/second/dist; index index.html index.htm; } 的形式加载。我之所以这样说是不可行的,是因为nginx在响应中剥离了/js/chunk-vendors.deb8a740.js,因为如果将导入更改为/first,应用程序就会加载。

qiuxia_mm 回答:基于多个vue应用程序的路径的Nginx根开关

我至少能够针对自己的情况解决此问题,所以我将分享最终的结果。

我添加了一个包含公用路径的vue.config.js,因此dist文件夹中的所有导入都从/js变成了/first/js

我的案子只需要什么。

module.exports = {
    publicPath: '/first/'
}
本文链接:https://www.f2er.com/3021856.html

大家都在问