Vue.js 拦截器不工作并且没有返回

Posted 2023-02-22

【中文标题】Vue.js 拦截器不工作并且没有返回

【英文标题】：Vue.js interceptors not working and nothing return

【发布时间】：2020-12-29 20:50:15

【问题描述】：

我对 axios 拦截器有疑问。我尝试使用拦截器为 jwt 设置标头，但没有任何效果，因此我更改了代码并仅将 console.log 添加到此代码中。当我在 Chrome 中打开控制台时，没有显示任何内容。你知道问题可能是什么吗？

import axios from 'axios'
const baseURL = 'http://localhost:8080'
const instance = axios.create(
  baseURL,
  params: 
)

instance.interceptors.request.use(function (config) 
    console.log('test');

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

 export default instance

【问题讨论】：

这能回答你的问题吗？ Change the default base url for axios

我不这么认为，我对不返回 console.log('test'); 的拦截器有问题。我不知道为什么？

【参考方案1】：

我刚刚查看了我使用的一个旧项目interceptors。在那里我直接在axios 对象上调用它。

也许下面的代码会起作用。

import axios from 'axios';

axios.defaults.baseURL = 'http://localhost:8080';

axios.interceptors.request.use(function (config) 
    
    console.log('config', config);

    return config;
, function (error) 

    return Promise.reject(error)
);

export default instance;