vue脚手架配置路由

在使用 Vue 脚手架创建的项目中，可以通过以下步骤配置路由：

1. 安装 Vue Router：在命令行中运行 `npm install vue-router` 或 `yarn add vue-router`。
2. 在 `src` 目录下创建一个名为 `router` 的文件夹，在该文件夹下创建一个名为 `index.js` 的文件。
3. 在 `index.js` 文件中引入 Vue 和 Vue Router，并使用 `Vue.use()` 方法注册 Vue Router。
4. 创建一个路由实例，并定义路由规则。
5. 在 Vue 实例中引入路由实例，并在 `router` 选项中指定该实例。

以下是一个简单的示例：

// src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    // 懒加载 About 组件
    component: () => import('../views/About.vue')
  }
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router

// main.js

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')