vuejs2 - 将默认 '/' 重定向到特定路径 nuxt/netlify

标签 vuejs2 nuxt.js vue-router

基本上,我希望将根路由 '/' 重定向到我的 '/home' 路由。

我的 Nuxt 应用托管在 Netlify 上,所以我尝试在 _redirects 文件中执行此操作

/ /home

根据他们的重定向文档 - 但它不起作用。

现在我知道在 Vue 中的路由器配置中你可以设置重定向,但是我如何在 Nuxt 中实现同样的事情呢??

如有任何帮助,我们将不胜感激!

最佳答案

在您的 index.vue 主页面中,您将添加:

<script>
  export default {
    middleware: 'redirect'
  }
</script>

然后你会创建一个中间件来实际重定向到所需的页面,在中间件> redirect.js:

export default function ({ store, redirect }) {
  return redirect('/home')
}

关于vuejs2 - 将默认 '/' 重定向到特定路径 nuxt/netlify,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62526975/

相关文章:

vue.js - 使用 Vuetify v-btn 和 Vue 路由器在新窗口中打开链接

vue.js - 为什么我的 Vue/Vuex 订阅者没有被触发?

javascript - VueJS : why is "this" undefined?

javascript - 将 bootstrap.css 包含到 nuxt 项目的最佳方法是什么?

vue.js - 没有页面刷新 Nuxt/Buefy 不加载 CSS

javascript - 努克斯 : how to prevent nuxt-link goes to another page?

javascript - 如何在 Vue.js 3 中使用 vue router 将 404 路由重定向到 Home

javascript - 调用曾孙组件方法

vue.js - vee-validate 如何同时验证邮箱和电话

vuejs2 - Vuetify + 预渲染-spa-插件