在axios-interceptors.js文件中做如下处理
loadInterceptors——设置拦截器部分
注意：要重新运行代码，有时候还需要清理一下缓存才能看到实际的效果。
request.js文件——添加一个新的axios请求
const instancePermission = axios.create({
timeout: 20000,
baseURL: BASE_URL,
withCredentials: false,
xsrfHeaderName: xsrfHeaderName,
xsrfCookieName: xsrfHeaderName,
headers: {
'accept-language': 'zh-Hans'
}
})
下面对antd框架中的部分内容修改如下：
由于我的其他接口都是要求带有token的，因此需要对axios拦截器单独进行处理。
设置请求拦截器部分
instancePermission.interceptors.request.use(
config => onFulfilled(config, options, true),
error => onRejected(error, options)
)
问过后端，后端说请求时不要加token。
设置响应拦截器部分
instancePermission.interceptors.response.use(
response => onFulfilled(response, options),
error => onRejected(error, options)
)
requestPermission——设置请求部分
async function requestPermission(url, method, params, config) {
switch (method) {
case METHOD.GET:
return instancePermission.get(url, { params, ...config })
case METHOD.POST:
return instancePermission.post(url, params, config)
// request('/api/create', 'POST', body, { params: { name: 'abc' } }) 拼接参数
case METHOD.PUT:
return instancePermission.put(url, params, config)
case METHOD.DELETE:
return instancePermission.delete(url, { params, ...config })
default:
return instancePermission.get(url, { params, ...config })
}
}
文章为作者独立观点，不代表股票交易接口观点
股民评论