Laravel 混合 vuejs 路由器历史模式

Question

我在我的应用程序中使用 laravel mix 和 vuejs，一切正常。

现在我尝试将 VueRouter 更改为历史模式：

const router = new VueRouter({
    mode: 'history'
})

在 ngix 服务器上，我添加了 catch all 规则：

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

因此，在访问或刷新“/pages”或“/contact”等顶级网址时，它仍然有效。

唯一的问题是像/pages/1 或/foo/bar/boo 这样的子级网址。单击路由器链接仍然有效，但如果我尝试刷新 /pages/1 上的页面或尝试直接访问它（在浏览器中输入 /pages/1）它不起作用，因为浏览器尝试从 @ 访问资产987654327@ 而不是 /js/2.js

Answer 1

好的，我刚刚发现 - 我必须在我的 webpack.mix.js 文件中将公共路径设置为绝对路径：

mix.webpackConfig({
    ...
    output: {
        ...
        publicPath: "/"
    }
});