我通过运行ning npm 运行 build 构建了我的 Vuejs 应用程序，打开 index.html 抛出错误：加载资源失败：net::ERR_FILE_NOT_FOUND

Question

我运行npm run build，成功创建Dist文件夹，现在打开index.html报错:Failed to load resource: net::ERR_FILE_NOT_FOUND

这可能是什么问题？

Answer 1

Vue JS 文件不应该直接在浏览器中打开（使用 file:// 协议）。您必须使用服务器才能正常工作。如果您使用 Google Chrome，最简单的解决方案是使用此扩展名：Web Server for Chrome

Answer 2

我发现添加了

module.exports = {
    publicPath: './'
};

到您的根目录（您的节点模块所在的位置）也解决了它，之后我们可以直接从 dist 文件夹打开 index.html

I built my Vuejs app by running npm run build, opening index.html throws errors: Failed to load resource: net::ERR_FILE_NOT_FOUND