Vue CLI 构建并运行索引.html文件，无需服务器

Question

我使用的是最新的vue-cli3.0版本。

我目前的问题是，每当我运行npm run build时，如果没有服务器，dist文件夹中生成的文件就无法运行。

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

Answer 1

我遇到了类似的问题，以下两个更改帮助我使其工作。现在，我可以在Chrome中打开索引.html作为文件，以从文件系统运行我的SPA。

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

   module.exports = {
   publicPath: '',
   }
   

   ^{PS：由于 Vue CLI 3.3 使用publicPath而不是现在已弃用的baseURL}

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

Answer 2

我能够通过手动更改引用文件的url来解决此问题。

这有点痛苦，但这是一个解决方案，而不必弄乱构建配置。

您需要做什么：

1. 开放index.html
2. 查找href=/并替换为href=
3. 查找src=/并替换为src=

注意：我需要这个解决方案，因为我正在创建一个Phonegap应用程序。

Answer 3

您可以使用 http-server 模块

npm install http-server -g
http-server dist/

通常，服务器从端口 8080 启动，因此你可以在 http://localhost:8080 上提供构建应用程序