Nuxt 生成返回 404 错误

Posted

技术标签:

【中文标题】Nuxt 生成返回 404 错误【英文标题】:Nuxt generate returns 404 errors 【发布时间】:2020-05-18 15:29:41 【问题描述】:

我已经阅读了多篇关于nuxt generate 问题的文章和帖子,但我找不到答案。所以我正在学习 Vue 和 Nuxt。我已经创建了一个水疗中心,并且正在尝试将它托管在我的网站上(在子文件夹中,例如http://mywebsite.com/subfolder/)。这是一个简单的托管网站(共享服务器),所以我想从我的文件中生成一个静态网站。

我正在运行 nuxt generate ,但是当我移动在我的子文件夹中生成的 dist 文件夹时,我遇到了错误:

GET http://mywebsite.com/_nuxt/5f51d97c56209053356b.js net::ERR_ABORTED 404 (Not Found)

当然应该是路径

http://mywebsite.com/subfolder/_nuxt/5f51d97c56209053356b.js

我该如何解决这个问题?据我了解,我应该在我的nuxt.config.js 文件中添加一些行,对吗?我尝试了多种组合,但我无法使其工作..

【问题讨论】:

【参考方案1】:

好吧,这很简单,我终于找到了答案in the docs。我只是在我的nuxt.config.js 文件中添加了以下内容:

router: 
    base: '/subfolder/'
  

【讨论】:

以上是关于Nuxt 生成返回 404 错误的主要内容,如果未能解决你的问题,请参考以下文章

使用 nuxt auth 和 laravel 护照登录时出现错误 404

Nuxt 应用程序在部署到现在时在刷新时出现 404 错误

如何处理 Nuxt s-s-r 错误并显示自定义 404 || 500 页?

Nuxt 和 Vue Apollo。如何通过重定向到 404/400/500 错误页面来处理 Smart Query 中的错误?我们能捕捉到这样的错误吗?

Nuxt 错误页面未在生产中显示

页面重新加载后 Nuxt 动态路由返回 404