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

【问题标题】：Vue.js interceptors not working and nothing returnVue.js 拦截器不工作并且没有返回
【发布时间】：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'); 的拦截器有问题。我不知道为什么？

标签： laravel vue.js axios

【解决方案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;

【讨论】：