nuxt自定义路由

最新推荐文章于 2024-09-25 07:55:05 发布

玩代码的菜鸟

最新推荐文章于 2024-09-25 07:55:05 发布

阅读量862

点赞数 1

分类专栏： Nuxt 文章标签：前端 javascript 网络

本文链接：https://blog.csdn.net/junhian/article/details/131539009

版权

Nuxt 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

众所周知nuxt路由文件是自动配置的,想要查看路由的结构只能依照下图

1.首先第一步安装@nuxtjs/router

npm i @nuxtjs/router -S

2.打开nuxt.config.js配置

3.在项目根目录创建router.js文件

4.给router.js下面写下这些文件

import Vue from 'vue'
import VueRouter from 'vue-router'
import Index from "@/pages/index.vue"
Vue.use(VueRouter)
const routes = [
  {
    path:'/',
    name:'Index',
    component:Index
  }
]
export  function createRouter(){
  return new VueRouter({
    mode:'history',
    routes
  })
}

这样就大功告成了,页面文件可以根据自己命名修改