使用Vue的fetch掉接口时,浏览器的控制台输出了如下的错误

set the request's mode to 'no-cors' to fetch the resource with CORS disa

最开始找的解决办法是加上如下的配置:

mode: "no-cors",

不晓得是我加错位置了,还是这根本没用,后来想到,之前用fetch调别的数据接口时没出现这问题,可能是我自己写的接口有问题,最后发现在springboot写的接口方法上方加上 @CrossOrigin 这个配置,就没问题了。

@CrossOrigin可以处理跨域请求,让你能访问不是一个域的文件。
同域是指协议、ip地址、端口三者全部相同的情况。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐