服务器使用Vue返回PWA资产的404

时间:2019-03-28 10:54:10

标签: github vue.js service-worker progressive-web-apps

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

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

我的项目->   静态的,   index.html,   服务工人

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

该项目目前在这里。

https://evilernie44.github.io/my-project/

非常感谢您的帮助。

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

我希望获得一个样板,作为我的PWA的起点

1 个答案:

答案 0 :(得分:0)

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

<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

最后,以下两个脚本标签中的任何一个都可以工作:

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