• 问题描述:在使用vue框架进行前后端分离开发时,同时使用springboot框架,ajax发送请求时出现上述问题

  • 解决思考:

    • 分析:我们先打开浏览器的开发者工具
      控制台输出错误信息,上网查阅(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)可以知道是大概率是跨域问题

    在这里插入图片描述

    • 再查看网络部分(先打开开发者模式,在点击按钮或者其他提交表单的操作)看到一个403状态码的失败网络请求,查看详细url路径等信息
      在这里插入图片描述 一般403的错误有两类原因
    1. 跨域问题
      我们可以在controller类上加上@CrossOrigin解决跨域,当然也可以使用其他方式。
    2. url路径不对
      如果是路径不对,修改路径即可

    我在排查第一种情况时,很迷惑,因为我有跨域注解,其他功能模块都没有这类问题。而且我使用了swagger或者postman对后端进行了测试也没问题。然后在排查第二种情况时,路径也觉得没错,但最后发现了路径还是错了,复制粘贴要注意。

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐