axios用于我们发送HTTP请求 在vue中 如果我们想要安装axios有两种办法
1、命令行直接敲 npm install axios
2、在vue ui可视化面板的依赖中安装运行依赖(注意是运行依赖)
安装完后就可以开始使用
首先我们一般在main.js入口文件中引入axios
import axios from 'axios'
然后我们可以设置请求的基准地址:
axios.defaults.baseURL="https://xxxxxxxxxxxxx/complex/"
或者是请求和响应拦截器:(以响应拦截器作为示范)
axios.interceptors.response.use(config => {
NProgress.done()
return config
})
最后我们需要做一个面试官很喜欢问的一个问题 原型和原型链
就是我们需要把导入的axios 挂载到vue原型上 以便我们能在每个引入vue的文件中使用这个请求的方法
Vue.prototype.$http = axios
最后我们来发送一个请求
async get_info() {
const res = await this.$http.get("/202001.json");
console.log(res);
}