**1.在main.js中，引入axios，設置請求攔截器** ``` // 導入axios import axios from 'axios' //引入axios axios.defaults.baseURL = "http://timemeetyou.com:8889/api/private/v1/" //定義請求根路徑 // 設置請求攔截器，請求前會先調用此函數，訪問每個頁面需要先判斷權限，預處理請求 axios.interceptors.request.use(config => { console.log(config); // 請求頭中返回token值，用來訪問其他菜單，權限管理，看具體要求 config.headers.Authorization = window.sessionStorage.getItem("token"); // 必須返回 return config; }) Vue.prototype.$http = axios; //把axios加到Vue的原型對象中去,可以直接用$http訪問 ``` **2.在router文件夾下的index.js中重定向根路由，掛載路由導航守衛** ``` const router = new VueRouter({ routes: [ { path: '/', redirect: '/login' }, // 重定向到login組件 ] )} //掛載路由導航守衛 router.beforeEach((to, from, next) => { // to：將要訪問的路徑； from：從哪個路徑跳轉來 next是一個方法，表示放行 if (to.path === '/login') return next(); //獲取token const tokenstr = window.sessionStorage.getItem('token'); // 判斷沒有token，跳轉到登錄頁面 if (!tokenstr) { return next('/login'); } // 登錄了，正常跳轉 next(); }) ```