服务器使用 vue 为 PWA 的资产返回 404答案

【问题标题】：Server returns 404 on assets for PWA with vue服务器使用 vue 为 PWA 的资产返回 404
【发布时间】：2019-03-28 10:54:09
【问题描述】：

我在我正在使用的 PWA 样板上运行 NPM 构建。

服务器上的文件夹结构如下：

我的项目-> 静止的， index.html, 服务人员

然后我在服务器上托管，清单和资产返回 404。

该项目目前在这里。

非常感谢任何帮助。

在清单和两个不同的服务器上更改路由

我想托管一个样板作为我的 PWA 的起点

【问题讨论】：

【解决方案1】：

您的脚本标签指向错误的路径。以这个标签为例：

<script type=text/javascript src=/static/js/app.98f21a65b373eaa50022.js></script>

浏览器解析为https://evilernie44.github.io/static/js/app.98f21a65b373eaa50022.js，不存在。
正确的路径应该是./static/js/app.98f21a65b373eaa50022.js。额外的点指示浏览器构建完整的 url相对于当前路径。

或者，您可以指定一个绝对路径，例如指向正确位置的/my-project/static/js/app.98f21a65b373eaa50022.js。

总之，以下 2 个脚本标签中的任何一个都可以：

<script type=text/javascript src=./static/js/app.98f21a65b373eaa50022.js></script>

<script type=text/javascript src=/my-project/static/js/app.98f21a65b373eaa50022.js></script>

【讨论】：