Javascript axios复制拦截器中的url

我正在使用Axios进行HTTP请求，这是我第一次遇到这个问题。 第一个请求通过了，一切都很好。但在我的第二个请求中，我遇到了一个问题，Axios无故复制了我的URL

axios最后尝试获取的url如下所示：

http://localhost:3001/http://localhost:3001/http://localhost:3001/user/5e4844f6451e0078e7dd398e

这是获取操作：

export const getUserDetailsById = async ({id}) => {
    return await axios.get(`user/${id}`).then(res => res.data);
};

拦截机：

import axios from "axios";

export default () => {
    axios.interceptors.request.use(function (config) {
        const token = localStorage.getItem(process.env.REACT_APP_TOKEN_NAME);
        config.headers.common['authorization'] = `Bearer ${token}`;
        config.headers.common['Content-Type'] = 'application/json';
        config.url = `${process.env.REACT_APP_API_URL}/${config.url}`;

        const url = config.url;
        console.log(url);

        return config;
    },  function (error) {
        return Promise.reject(error);
    });

    axios.interceptors.response.use(function (response) {
        return response;
    }, function (error) {
        return Promise.reject(error);
    });
};

---

您可以在调用axios.create时设置

baseURL

import axios from 'axios';

var api = axios.create({
    baseURL: `${AppConfig.apiUrl}/services`,
});

export default api;

---

然后，当您想使用axios时，导入

api

。

您可以控制台。记录这些值并检查它们吗

process.env.REACT\u APP\u API\u URL

和

config.URL

interceptor.js:11 interceptor.js:11所以问题就在这里，请更正其中的值。@SuleymanSah发生的事情是在发送请求之前，拦截器重复自身并一次又一次附加URL。这段代码一直适用于我，我不知道发生了什么变化。请不要更改config.url值。只需删除config.url=“…”行，然后返回这个

return${process.env.REACT\u APP\u API\u url}/${config.url}

当然可以这样工作，但奇怪的是，这段代码就像是我为自己构建的样板文件，它总是工作得很好