个人网站开发日志 -- 前端篇 - 项目配置

项目是由 vue-cli 手脚架搭建的，但似乎是由于使用了基础预设的内容很多东西都没有，如 vue-router、vuex，之后便花了很多时间配置好了项目基本需要的一些 npm 包。

vue-router

安装

npm install vue-router --save

引入项目，在 src 文件夹下创建 router 文件夹作为路由相关配置的文件夹，创建 index.js 与 routers.js 文件

// index.js
import Vue from 'vue'
import VueRouter from 'vue-router'
import routes from './routers' // routers 文件撰写具体的路由信息
import iView from 'iview'

Vue.use(VueRouter) // 写在 main.js 里面也可以
const router = new VueRouter({
   
  routes: routes,
  mode: 'history' // 默认 vue-router 的 url 是一串 hash，启用 history 模式来使得 url 不是 hash，就是正常的 yoursite.com/user/id 这种
})

// 路由前置守卫
router.beforeEach((to, from, next) => {
   
  iView.LoadingBar.start()