任务请求路径呈现xxx.com/index/News,xxx.com/index/user为此效果,我将文件树设置为:

pages/
--| index/
-----| News/
-------| index.vue
-----| User/
-------| index.vue
--| index.vue

但是我不能成功地跳转到根目录以外的其他页面.

我需要做些什么才能使网页的路径显示出想要的效果?

推荐答案

主页(在根路径上)可以安全地命名为index.vue,没有其他方法可以将页面绑定到/路径.

但事实上,问题是这you can't have both a page and a folder named the same人.它们将会重叠.

解决此问题的一种方法是使用从nuxt.config.js开始的自定义路由,将根路径/映射到您的主页:

router: {
  extendRoutes (routes, resolve) {
     routes.push(
        {
          name: 'index_home',
          path: '/',
          component: resolve(__dirname, 'pages/home.vue')
        },
     )
  }
},

nuxt.config.js / router documentation

注意:您还可以从此处删除自动创建的/home路由,它将位于routes数组中.

Vue.js相关问答推荐

如何在Vue3中使用vuechartjs 5.2从父组件更新图表

vuejs3 youtube-plugin YT 未定义控制台错误

超出最大调用堆栈大小 - Vue路由

使用 Vue.js 清除数组内容和react性问题

如何使用 vue.js 和 vue 路由实现当前路由的子菜单的子菜单

如何将 vuejs 项目部署到 heroku

在 VueJS 中存储图像的正确位置是什么 - 公共文件夹或assets文件夹?

Vuetify 置顶工具栏

Vue-router:循环路由以动态创建

如何在异步功能上使用 debounce?

如何为使用 Vuex store的 Vue 表单组件编写 Jest 单元测试?

在 Vuejs 中Watch观察 window.scrollY 的变化

如何修复跨域读取阻塞 (CORB) 阻止了 MIME 类型应用程序/json 的跨域响应问题?

如何将 Nuxt.js 更新到最新版本

如何将 vuetify 2.0 beta 安装到新的 vue cli 项目中?

Nuxt 应用程序在刷新动态路由时返回 404(Tomcat 服务器)

npm run dev 和 npm run production 的区别

Vue 3:模块 '"../../node_modules/vue/dist/vue"' 提示

是否有 v-cloak 逆?

Vue.js 和 jQuery datepicker/timepicker 双向绑定