Nuxt项目路由重定向

在vue项目中 我们路由涉及到一个知识点叫重定向

例如这里 我们启动项目直接访问 http://localhost:3000/

就进入了这个界面 但我想调整一下

我想 当用户访问 http://localhost:3000/ 程序自动转到 http://localhost:3000/engineering

我们可以通过 nuxt.config.js 配置完成 来到项目 找到根目录下的 nuxt.config.js
找一下里面有没有一个叫 router 的配置项

如果没有 就在最下面自己写一个
参考代码如下

router: {
    
    
    extendRoutes(routers) {
    
    
      routers.push({
    
    
        path:"/",
        redirect: "/engineering"
      })
    }
  }

然后注意 你改 nuxt.config.js 配置文件后 一定要重启项目 和 vue.config.js 是一样的

但这里需要注意 如果你这样写重定向 你要把pages下的index.vue组件给他干掉
因为 如果index在你这个是没有效果的

然后 我们访问 http://localhost:3000/

系统就自动做了个重定向