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 托管平台的内容。
我在 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 托管平台的内容。