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;