【问题描述】跨域请求:CORS 头缺少 ‘Access-Control-Allow-Origin’

Ajax 同源 与 异域问题
  • 问题场景:
    在编写好了前后端程序之后,连接服务器的过程中出了错,浏览器显示如下:
    已拦截跨源请求:同源策略禁止读取位于 http://localhost:9955/dbUserController/login?username=zhangsan&pwd=lisi 的远程资源。(原因:CORS 头缺少 ‘Access-Control-Allow-Origin’)。
    图片有些失真了,看文字吧!
    原后端代码如下:
 @RequestMapping(value="/login" , method = RequestMethod.GET)
      public String Login(HttpServletRequest request){
      String username = request.getParameter("username");
      String pwd = request.getParameter("pwd");
	  //………………
	  }
问题产生的原因

在连接前后端的时候,没有对应好每一个端口与地址,所以产生了同源问题

解决方案:

方案 1:找出所有的端口并对齐

方案 2:在服务器的Controller层添加如下代码(展示添加后的效果):

    @RequestMapping(value="/login" , method = RequestMethod.GET)
      public String Login(HttpServletRequest request, HttpServletResponse response){
      response.setHeader("Access-Control-Allow-Origin", "*");
      response.setHeader("Cache-Control","no-cache");
      String username = request.getParameter("username");
      String pwd = request.getParameter("pwd");
      //......
      }

最后登陆成功:
在这里插入图片描述
如果还有更好的,欢迎留言讨论或者教教我这个小老弟。

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值