axios——有些接口需要传递token，有些接口不需要传递token的处理方法

最新推荐文章于 2023-07-09 16:46:35 发布

原创

最新推荐文章于 2023-07-09 16:46:35 发布 · 980 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#sass #前端 #css

在后台管理系统开发中，遇到接口请求时需不需要携带token的问题。针对这种情况，通过axios设置了请求拦截器和响应拦截器，对不同接口进行处理。详细步骤包括添加新请求、设置请求部分、设置拦截器（请求和响应）以及导出和应用处理。实施后记得刷新代码并可能清除缓存以观察效果。

今天在写后台管理系统时，遇到一个问题：
在这里插入图片描述
请求接口时，接口先是报500服务器错误，然后又报跨域问题。

问过后端，后端说请求时不要加token。

由于我的其他接口都是要求带有token的，因此需要对axios拦截器单独进行处理。

下面对antd框架中的部分内容修改如下：

1.`request.js`文件——添加一个新的`axios`请求

const instancePermission = axios.create({
    timeout: 20000,
    baseURL: BASE_URL,
    withCredentials: false,
    xsrfHeaderName: xsrfHeaderName,
    xsrfCookieName: xsrfHeaderName,
    headers: {
        "accept-language": "zh-Hans"
    }
})

2.`requestPermission`——设置请求部分

async function requestPermission(url, method, params, config) {
    switch (method) {
        case METHOD.GET:
            return instancePermission.get(url, { params, ...config })
        case METHOD.POST