解决:403错误 和 已拦截跨源请求:同源策略禁止读取位于localhost:8080/xxx/xx的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin‘)。
问题描述:在使用vue框架进行前后端分离开发时,同时使用springboot框架,ajax发送请求时出现上述问题解决思考:分析:我们先打开浏览器的开发者工具控制台输出错误信息,上网查阅(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)可以知道是大概率是跨域问题再查看网络部分(先打开开发者模式,在点击按钮或者其他提交表单的操作)看到一个403状态码的失败网络请求,
·
-
问题描述:在使用vue框架进行前后端分离开发时,同时使用springboot框架,ajax发送请求时出现上述问题
-
解决思考:
- 分析:我们先打开浏览器的开发者工具
控制台输出错误信息,上网查阅(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)可以知道是大概率是跨域问题

- 再查看网络部分(先打开开发者模式,在点击按钮或者其他提交表单的操作)看到一个403状态码的失败网络请求,查看详细url路径等信息
一般403的错误有两类原因:
- 跨域问题
我们可以在controller类上加上@CrossOrigin解决跨域,当然也可以使用其他方式。 - url路径不对
如果是路径不对,修改路径即可
我在排查第一种情况时,很迷惑,因为我有跨域注解,其他功能模块都没有这类问题。而且我使用了swagger或者postman对后端进行了测试也没问题。然后在排查第二种情况时,路径也觉得没错,但最后发现了路径还是错了,复制粘贴要注意。
- 分析:我们先打开浏览器的开发者工具
更多推荐



所有评论(0)