1. 安装
npm install axios
2. main.js中需要进行全局配置
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import './plugins/elementui'
import './assets/global.css'
import './assets/fonts/iconfont.css'
// 配置请求的根路径(接口根路径)
import axios from 'axios'
// 将axios直接挂在到vue原型上,这样能让所有的组件都可以直接访问this.$http发起axios请求
axios.defaults.baseURL = 'http://127.0.0.1:8080/api/private/v1/'
// 拦截器
axios.interceptors.request.use(config => {
// console.log(config)
// 为请求头对象,添加token验证的 Authorization 字段
config.headers.Authorization = window.sessionStorage.getItem('token')
// 在最后必须return config
return config
})
Vue.prototype.$http = axios
Vue.config.productionTip = false
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')