小编l9c*_*cgv的帖子

NuxtJS静态生成的HTML页面在调用/index.html时不加载Javascript

我正在开发一个 nuxtjs 项目,该项目将生成用于静态使用。当然,它使用 Javascript 进行导航、某些表单等。

当我使用npm run dev页面时,一切正常。

使用npm run build && npm rungenerate导出后,我将生成的内容从 /dist 部署到我的服务器(用户请求的 cdn,在这种情况下是 Google Cloud Storage),如果我不添加index.html,我可以毫无问题地使用该页面后缀。

例子:

访问https://page.com/subpage/效果很好

访问https://page.com/subpage/index.html并不是真的。

是的,它使用 CSS 和 DOM 渲染内容,但 Javascript 根本不起作用。在 Google Chrome 的开发工具中,我可以看到在这两种情况下,javascript 似乎都已加载,但在第二种情况下并未调用。请参阅随附的屏幕截图。两者都很相似。

开发工具

我的 nuxt-Config 关于渲染、构建配置几乎是空的。我只是禁用了 resourcesHints,仅此而已。我不确定这是否是路由器只接受包含index.html 的文件夹本身的问题。路由器路径是由 nuxtLinks 动态生成的。

有任何想法吗?

javascript vue.js server-side-rendering nuxt.js

6
推荐指数
1
解决办法
2447
查看次数