Netlify 中的 Nuxtjs 错误路由

Nuxtjs bad routing in Netlify

我在 Netlify 中有一个 NuxtJs (vue) 应用程序,当我重定向到其他页面时,它会连接上一页和下一页。

例如:

https:///page-example/register

我在这个页面,然后我重定向到下一个页面

this.$router.push("confirmationsend");

在本地我得到这个 url :

https://localhost:3001/confirmationsend

但在 Netlify 中我得到这个 url:

https://page-example/register/confirmationsend

而且NuxtJs无法解析这个路由。

你可以像这样推动一条路径

this.$router.push('/confirmationsend')
// equivalent to this.$router.push({ path: '/confirmationsend' })

或使用 name 属性(如果你有路由器文件,或者在 Vue devtools 中,你可以找到名称)

$router.push({ name: 'confirmationsend' })

如图the Vue router documentation.
混合使用(名称+路径)通常不是一个好主意,因为在历史推送的上下文中,没有 / 的推送在默认情况下意味着“将其附加到我的当前路由”。

因此,为什么我推荐上面的任何片段,以便更明确地说明您试图告诉 Vue router/various 托管平台的内容。