1.src目錄下新建request文件夾
image.png
2.request文件下新建兩個文件夾,1.api.js,----2.request,js
request.js文件下
import axios from 'axios'
const instance = axios.create({
baseURL: 'http://kumanxuan1.f3322.net:8001',//請求文件的地址
timeout: 5000
})
// 請求攔截
instance.interceptors.request.use(config => {
let token=localStorage.getItem('token')
if (token) {
config.headers['X-Nideshop-Token']=token
}
return config;
}, err => {
return Promise.reject(err)
})
// instance.interceptors.request.use(config => {
// return comfig;
// }, err => {
// retunr Promise.reject(err)
// })
// 響應攔截
instance.interceptors.response.use(res => {
return res.data;
}, err => {
return Promise.reject(err)
})
// instance.interceptors.response.use(res => {
// return res;
// }, err => {
// retunr Promise.reject(err)
// })
// 需要導出暴露
export default instance;
**api.js文件下的代碼
//導入request.js文件
import request from './request'
// 假設獲取首頁數(shù)據(jù)(不傳遞參數(shù)寫法)
// export const GetHomeData = () => request.get('/homedata');
// // 假設獲取首頁數(shù)據(jù)(傳遞參數(shù)寫法)
// export const GetHomeData = (params) => request.get('/homedata', {params});
// // 假設調(diào)用登錄接口(post請求一般都傳遞參數(shù))
// export const GoLogin = (params) => request.post('/login', params);
// 驗證碼接口