在写项目时,从长远考虑,直接在所需组件见直接引用axios
并不是一个好的方法,如果vue不再支持axios
在以后修改起来很麻烦,所以我们对请求数据的方式进行一次封装,以便后期好修改,代码如下
1.创建axios.js文件,对axios进行封装。
import myAxios from 'axios'
export default function axios(option) {
return new Promise((resolve, reject) => {
// 1.创建axios的实例
const instance = myAxios.create({
baseURL: 'http://123.207.32.32:8000',
timeout: 5000
});
// 配置请求和响应拦截
instance.interceptors.request.use(config => {
// console.log('来到了request拦截success中')