前端vue，拦截了登录后台后，返回的token，requests拦截token,但是发送请求的时候，就出现跨越异常

请求与响应的代码如下，用户输入用户名和密码，获取响应后，把token保存在localstorage里面，在请求中获取token,设置请求，将token的值，塞到headers的token字段中

这个是后台的代码，设置了允许跨越访问，前台登录，返回的都是200，但是访问getAllUser()接口的时候，就报跨越错误。

登录成功，返回了token:

前端请求拦截，打印的token:

使用getAllUser接口，发送请求时，在headers中，都可以看到token，但是，却显示跨越失败：

使用postman验证过，headers加上token，是可以正常访问getAllUser的，所以，应该是客户端vue，有问题

0个评论

50个牛币 vue 登录异常跨域访问

所有回答列表(5)

liuqingfang LV2 2021年12月10日

利用反向代理将请求源给代理一下

请叫我小C LV19 2022年2月21日

试试在拦截器里转码一下

// 加入如下代码试试
let url = config.url
if (config.method === 'get' && config.params) {
    url = url + '?' + qs.stringify(config.params, { indices: false });
    config.params = {}
}
config.url = url
return config

祝阿伟 LV3 2022年6月17日

配置一些反向代理

flexiblezl 2022年10月5日

翻了下我 2019 年的代码, 这样解决

CorsConfiguration config = new CorsConfiguration();
config.setAllowCredentials(Boolean.TRUE);
config.addAllowedMethod("*");
config.addAllowedOrigin("*");
config.addAllowedHeader("*");
UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource(new PathPatternParser());
source.registerCorsConfiguration("/**", config);
return new CorsWebFilter(source);

全栈小白 LV18 2022年12月11日

这种情况一般是开发环境Vue本地配置代理服务器解决跨域，生产环境通过nginx代理同源解决，问题不是很大

最热评论
最新问答