vue3 - axios

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')