vue_axios__0">vue中的 axios 优化处理
配置基础地址
1 在main.js中导入axios
2 通过axios.defaults.baseurl=“自己设定的基础值” 来配置每一个请求地址中的公共部分
axios_8">导入axios一次
-目的: 最终只导入axios 一次 ,并且可以在任意组件中使用
-1 在main.js中导入axios
-2 将axios添加到vue.prototype 中
-3 在组件中, 直接通过 this 获取axios即可
Vue.prototype.
h
t
t
p
=
a
x
i
o
s
/
/
其
他
页
面
在
使
用
a
x
i
o
s
的
时
候
直
接
t
h
i
s
.
http = axios //其他页面在使用axios的时候直接 this.
http=axios//其他页面在使用axios的时候直接this.http就可以了
// npm i axios 后 导入axios
import axios from 'axios'
//将axios添加到vue原型中
Vue.prototype.axios=axios
//配置基础路径
axios.defaults.baseURL='http://localhost:3000'
**需要时可以复制粘贴此处代码**
带代码中使用方法如下