Javascript 我通过运行npm run build构建Vuejs应用程序,打开index.html抛出错误:加载资源失败:net::ERR_文件未找到

Javascript 我通过运行npm run build构建Vuejs应用程序,打开index.html抛出错误:加载资源失败:net::ERR_文件未找到,javascript,vue.js,vuejs2,web-deployment,web-frontend,Javascript,Vue.js,Vuejs2,Web Deployment,Web Frontend,我运行了npm run build,成功创建了Dist文件夹,现在打开index.html抛出错误:加载资源失败:net::ERR\u文件未找到 这里可能存在什么问题?Vue JS文件不应该直接在浏览器中打开(使用file://协议)。您必须使用服务器才能使其正常工作。如果使用Google Chrome,最简单的解决方案是使用此扩展名:Vue JS文件不应该直接在浏览器中打开(使用file://协议)。您必须使用服务器才能使其正常工作。如果您使用Google Chrome,最简单的解决方案是使用

我运行了
npm run build
,成功创建了
Dist
文件夹,现在打开index.html抛出错误
:加载资源失败:net::ERR\u文件未找到


这里可能存在什么问题?

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

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

我发现添加了

module.exports = {
    publicPath: './'
};
到你的根目录(你的节点模块所在的地方)也解决了这个问题,之后我们可以直接从
dist
文件夹打开
index.html

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

到你的根目录(你的节点模块所在的地方)也解决了这个问题,之后我们可以直接从
dist
文件夹打开
index.html

是的,这个扩展工作正常。我也找到了另一种方法,检查我下面的答案。很好。。。我不知道那个解决方案是的,这个扩展很好用。我也找到了另一种方法,检查我下面的答案。很好。。。我不知道这个解决方案