使用“ webpack-simple”管理的已部署Vue应用程序不起作用

Question

我正在开发我的第一个Vue应用程序，该应用程序使用Moment库和Firebase（如果重要）。我使用默认的Webpack simple。为了部署该应用程序，我做了npm run build。

但是当直接打开index.html（应用程序已部署here）时，我收到"Failed to load resource: the server responded with a status of 404 (Not Found)"错误消息，结果该应用程序根本无法工作。

我不知道如何解决此问题，因为DevTools中没有更多的信息……

关于下一步我该怎么做？

App source code

Answer 1

删除所有资产路径中的第一个正斜杠。
它应该可以解决您的问题。

<script src="/dist/build.js"></script> // No!
<script src="dist/build.js"></script> // Yes!

Vue默认在构建过程中添加它，以使您的资产相对于根文件夹。