vue.js - Vue CLI 在没有服务器的情况下构建和运行 index.html 文件

Question

我正在使用最新的 vue-cli version 3.0 .

我当前的问题是，每当我运行 npm run build 时，dist 文件夹中生成的文件都无法在没有服务器的情况下运行。

我希望能够在浏览器上打开 index.html 文件。我该怎么做？

Answer 1

我遇到了类似的问题，以下两个更改帮助我解决了这个问题。现在，我可以在 Chrome 中将 index.html 作为文件打开，以从文件系统运行我的 SPA。

1. 在vue.config.js ，我没有配置 publicPath，这导致了默认的 "/"。
   我必须像这样将它配置为空字符串，以便它使用相对路径:

   module.exports = {
       publicPath: '',
   }
   

   ^{PS:自 Vue CLI 3.3 使用 publicPath 而不是现已弃用的 baseURL}

   /li>

2. 我使用的是 vue-router 的 history 模式，它不起作用 在本地文件系统上将路径路由回 index.html。所以我 省略模式以返回默认的 hash 模式。