一:安装axios
-g: 表示全局安装
npm i axios -g
二:引入、配置axios (vue2)
需要在 man.js 入口文件中,通过Vue 构造函数和Prototype 原型对象 全局配置 axios
import Vue from 'vue'
import App from './App.vue'
// 1: 导入 axios
import axios from 'axios'
// 2: 配置请求根路径
axios.defaults.baseURL = '接口地址'
// 3: 通过Vue 构造函数的原型对象,全局配置 axios
Vue.prototype.$http = axios
new Vue({
render: (h) => h(App),
}).$mount("#app");
三:通过axios请求拦截器添加token,保证拥有获取数据的权限
// axios 请求拦截
axios.interceptors.request.use(config => {
console.log(config)