vue项目前后台交互时的跨域问题

dev的环境下可以进入config中的index进行设置

vue项目前后台交互时的跨域问题_第1张图片
示例:

        url: '/mall/user/login',
        method: 'post',
        data: data
      }).then(res=>{
           localStorage.setItem('loginInfo', JSON.stringify(data));
            commit('SET_USER_LOGIN_INFO', data);
           console.log('登录成功!保存用户信息');
          }).catch(err=> {
           console.log('登录失败!');
           console.log(err)
         });

axios请求成功可是结果却返回进catch里

vue项目前后台交互时的跨域问题_第2张图片

于是开始各种查找资料:

  1. 什么后台没有严格返回json

    怎么可能,加了@ResponseBody返回的就是json

  2. 什么请求没有Promise封装

    amazing,原生的axios就返回catch了,封装了结果不是一样么

  3. 。。。。

最终发现

自己从网上复制的axios封装在response的拦截器上做了手脚

在这里插入图片描述

注释掉问题解决。

你可能感兴趣的:(学习历程)