Questions|跨域问题（“No 'Access-Control-Allow-Origin' header is present on the requested resource”） Answers|Spring|&

【Questions|跨域问题（“No 'Access-Control-Allow-Origin' header is present on the requested resource”）】今天试了一下只用SpringMVC写接口，然后用本地的 ajax 去访问接口请求 json 数据，但浏览器报了一个“跨域”请求的错误，个人理解的跨域问题是，服务端和客户端的请求不在同一个域名下，但是我这都是在本机上部署的呀，这是什么问题呢？
原来我理解的“跨域”只是我个人的理解，在网上搜索解决方法，都是在SpringMVC 的服务器中写一个过滤器 Filter ，让 Filter 拦截请求，在response返回的时候加上一些请求头，这样就可以解决跨域的问题，类似于下面这样：

package com.kay.filter; import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException; /** * Created by kay on 2017/12/7. */ public class CrossFilter implements Filter{ public void init(FilterConfig filterConfig) throws ServletException {}public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException { HttpServletResponse response= (HttpServletResponse) servletResponse; String origin= servletRequest.getRemoteHost()+":"+servletRequest.getRemotePort(); response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Access-Control-Allow-Headers", "Authentication"); /* response.setHeader("Access-Control-Allow-Methods","POST,GET,OPTIONS,DELETE"); response.setHeader("Access-Control-Max-Age","3600"); response.setHeader("Access-Control-Allow-Credentials","true"); */ filterChain.doFilter(servletRequest,servletResponse); } public void destroy() {} }

然后在web.xml中配置一下filter:

cors com.kay.filter.CrossFilter cors /*

而在前端请求中，ajax 参数中的 dataType 要改为 “text”，不支持 dataType:”json”:

$.ajax({ url:"http://localhost:8081/list", type:"GET",//请求方式 dataType:"text",//返回参数的类型 text/html success:function (data) {//请求成功后调用的函数 alert("succ:"+data); }, error:function (textStatus) {//请求失败后调用的函数 alert("fail"); } })

为什么要加像 ”Access-Control-Allow-Origin“ 这样的响应头就能解决跨域问题呢？

跨域请求又叫，”跨域资源共享”（Cross-origin resource sharing），它允许浏览器向跨源服务器，发出XMLHttpRequest请求，从而克服了AJAX只能同源使用的限制。

CORS需要浏览器和服务器同时支持。
服务器会检查浏览器的请求中是否有 ”Origin“请求头，它是在跨域请求发出的时候由浏览器自动加上的，然后服务器检查这个请求头设置的服务器的源（来自于哪里）来判断是否响应，是否允许这个请求访问，我们会看到设置

response.setHeader("Access-Control-Allow-Origin", "*");

它的意思就是允许所有的源访问服务器，也可以只将自己的源（域名）设置就不允许其他的源访问。
更加详细的解释，
请访问阮一峰老师的日志《跨域资源共享 CORS 详解》http://www.ruanyifeng.com/blog/2016/04/cors.html

Questions|跨域问题（“No 'Access-Control-Allow-Origin' header is present on the requested resource”）

推荐阅读

贷款诈骗犯罪相关司法解释具体是什么重要规定

塑料瓶怎样才能分辨那些好不好的塑料瓶怎样才能分辨那些好不好

mysql中提交事务的语句 mysql组提交机制

得力PDF转换器怎么转换文件？得力PDF转换器转换文件的方法

车标r是什么车车标是r的车是什么

秋天最适合吃什么水果

背部湿疹最佳治疗方法是什么？

尼康d7000配17-55 D7000尼康17-35怎么样

遵规守纪作文遵规守纪作文精选篇

法定休年龄是多少

陌生人用微信换现金可以吗

PS鼠绘鲤鱼详解教程

冬天高铁上的温度大约是多少冬天坐高铁靠窗位置冷吗

使用qq用户分析,qq音乐用户群体分析

愁断肠的意思是什么愁断肠的意思

自制豆花的做法和配方如何制作豆腐花

越国怎么灭亡春秋时期越国怎么灭亡

微笑鼠

佳能ixus125怎么样佳能ixus155怎么样

速腾邮箱体积大众速腾邮箱容量