将 Vue.js 应用程序部署到 Apache 服务器答案

【问题标题】：Deploy Vue.js app to Apache server将 Vue.js 应用程序部署到 Apache 服务器
【发布时间】：2017-09-21 14:53:33
【问题描述】：

我需要一些帮助。我使用 VueJs 编写了一个 SPA。我运行了“npm run build”，所以我可以在我的 Xampp 服务器上测试我的应用程序。该构建生成了一个“/dist”文件夹。我将 dist 文件夹中的 index.html 更改为 index.php。我尝试使用 Xampp 提供 dist 文件夹，但它显示一个空白页。请帮忙。我已经上传了显示错误的图片

https://i.stack.imgur.com/ae7GM.jpg

【问题讨论】：

JavaScript 控制台是否有错误？
是的，它显示了对 js 文件的 GET 请求，但它们都失败了。 404 错误代码
这听起来像是你应该解决的问题。找出为什么这些 URL 没有返回您期望的文件。
如果我想通了，我不会发布这个问题。请帮忙
我们无能为力，因为您还没有真正提供任何信息。这可能是一些简单的 URL，例如 /dist/foo.js，但您已经通过服务器配置在 /foo.js 获得了它们。

标签： file-structure

【解决方案1】：

我有同样的问题；运行npm run build 后，我的控制台中有一堆 404。 Ceejayoz 建议您查看您的网络选项卡以查看服务器预期到达文件的位置是正确的。

他的建议告诉我，我的应用程序没有设置基本 URL。 Vue's docs on this。

在设置了我的应用所在的路径后，我重新运行了构建过程，它就出现了。

【讨论】：

【解决方案2】：

dist 文件只能通过 http 提供，您必须先将其部署到托管服务器，然后才能看到 vue 应用程序的输出

【讨论】：