1

我有一个 vue.js（带 webpack 的 Quasar 框架）应用程序，我使用 vue-router。我在服务器端使用 nginx（使用 laravel forge）。在本地（quasar dev 或 npm run dev），一切正常。我无法为 /settings 之类的地址刷新页面，我用 add 解决了这个问题

location / {
    try_files $uri $uri/ /index.html?$query_string;
}

到 nginx 配置文件的行。之后，我可以刷新服务器上的 /settings 页面。但是现在，如果页面多了一个维度，我将无法刷新它。

/survey/1

我试图将这些行添加到 nginx 配置文件

location /survey/ {
    alias /;
    try_files $uri $uri/ /index.html?$query_string;
}

但它不起作用。

当我查看错误时，我看到 js 地址是错误的。

http://example.com/survey/js/manifest.js'

它应该是

http://example.com/js/manifest.js'

我研究了一下，但找不到解决方案。

4

1 回答 1

1

我发现了问题。它在 webpack 构建配置，quasar 框架中。我只需要修改 Project/config/index.js 文件的构建部分。在该build部分下，publicPath应从更新

publicPath: ""

至

publicPath: "/"

该dev部分也是如此。当更新dev部分的publicPath问题已得到修复。

"/"我只需要放入publicPath.

于 2017-11-14T11:56:27.320 回答