vue3.0网络请求配置

https://api.xdclass.net/pub/api/v1/web/index_card 测试接口　

代码

1、axios安装

2、axios全局配置在 main.ts中import vant from 'vant';import 'vant/lib/index.css';//引⼊vant样式组件//vant挂载到app这个实例上app.use(vant);npm install axios

3、发送⼀个axios请求验证⼀下

1、全局配置axiosimport axios from 'axios';

//创建⼀个axios实例对象const http =axios.create( { //配置响应超时时常 // baseURL:'http://localhost:8080/api' });
//设置请求拦截器http.interceptors.request.use((req)=>{ const token=window.sessionStorage.getItem('token'); return req;},(error)=>{ return error;})

//设置响应拦截器http.interceptors.response.use((res)=>{ return res;},(error)=>{ return error;})//把http实例对象暴露出去export default http;

2、挂载到项⽬上import axios from './axios/axiosConfig';//将axios挂载到app这个实例上app.config.globalProperties.$http=axios;