如何让 Nuxt.js 同时接受 `/` 和 `/index.html` URL?

Posted

技术标签:

【中文标题】如何让 Nuxt.js 同时接受 `/` 和 `/index.html` URL?【英文标题】:How can I make Nuxt.js accept both `/` and `/index.html` URL? 【发布时间】:2020-07-03 16:39:53 【问题描述】:

我正在使用 Nuxt.js 默认模式、通用和历史路由器。

当我运行nuxt generate 并获得一个网站时,Nuxt.js 在 dist 文件夹中生成index.html

因此,如果我发布网站,我可以通过https://example.com/ 访问我的网站。

我的问题来了,如果我导航到https://example.com/index.html,Nuxt.js 会立即将我的网站重定向到:

This page could not be found
Back to the home page

如果我禁用浏览器 javascript,我可以访问我的网站。

我试过Validate Method,不行,我想是因为它是动态路由的,我的是基本路由。

如何让 Nuxt.js 同时接受 https://example.com/https://example.com/index.html

【问题讨论】:

曾经解决过这个问题吗?我还试图弄清楚如何在不需要修改 htaccess 的情况下允许两者,因为它更像是一个应用程序而不是一个站点。 【参考方案1】:

你必须在底层 vue.js 中定义你的路由。如何配置看这里:

 https://nuxtjs.org/guide/routing/

注意你让你的项目成为“通用”而不是“单页应用程序”,这也有影响。这里的基本问题是一个框架在另一个编程语言之上。

【讨论】:

以上是关于如何让 Nuxt.js 同时接受 `/` 和 `/index.html` URL?的主要内容,如果未能解决你的问题,请参考以下文章

Vue-Router 和 i18n 与 Nuxt

如何在 Nuxt.js 中使用 CKEditor - 未定义窗口错误

在Nuxt.js组件中获取异步数据

Nuxt.JS http/2 帮助和建议

Vue.js 和 Nuxt.js

nuxt.js1-3