nouchu2314
kalit
采纳率0%
2017-08-21 09:23

ajax如何解决跨域问题?

后端是用eclipse开发的java后台,前端使用webstorm,前端html文件中通过ajax请求
后台接口,由于后台和前端共用一个端口没发同时访问,所以我修改了eclipse的端口为8088,webstorm的端口为8080,。然后在html中通过ajax请求后台接口地址Http://localhost:8088/test/user.json;ajax一直走失败的方法,在浏览器错误Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://10.20.153.16:8080' is therefore not alloed access.请大神们帮忙看下怎么解决

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答

  • zhenglichenboy zhenglichenboy 4年前

    j服务器端(java端)接口设置如下信息:
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
    response.setHeader("Content-Type", "application/json;charset=utf-8");

    比如:
    public void setMessage(HttpServletRequest request, HttpServletResponse response,int userId){
    response.setHeader("Access-Control-Allow-Origin", "*");
    response.setHeader("Access-Control-Allow-Methods","PUT,POST,GET,DELETE,OPTIONS");
    response.setHeader("Access-Control-Max-Age", "3600");
    response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
    response.setHeader("Content-Type", "application/json;charset=utf-8");
    System.out.print("跨域");
    }

    点赞 1 评论 复制链接分享
  • weisheixiaoxin Laherz 4年前

    前面的都太麻烦了 ,使用nginx 配置区域 解决跨域 代码是啥样忘了 百度下

    点赞 评论 复制链接分享
  • googleoyyp googleoyyp 4年前

    使用jsonp可以解决你跨域问题

    点赞 评论 复制链接分享
  • zhenglichenboy zhenglichenboy 4年前

    补充上条:
    我们之前开发,跨域问题都是在服务端同意解决,java会写一个基础的BaseAPI把支持跨域的方法写进去,所有的接口会去继承它,需要跨域的时候调用就行了,方便一些

    点赞 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 4年前
    点赞 评论 复制链接分享

相关推荐