Spring MVC+Zepto POST中的“Access-Control-Allow-Origin”错误
@RequestMapping(value= "/add", method = RequestMethod.POST, headers = {"content-type=application/json"})
public @ResponseBody Reponse addUser(Model model, @RequestBody @Valid @ModelAttribute("user") User user, BindingResult result) {
if (result.hasErrors()) {
Reponse error = new Reponse();
// etc......
return error;
} else {
return service.addUser(user);
}
}
this.addUser = function (valeur, callback) {
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8080/AgenceVoyage/user/add',
data: JSON.stringify({"mail" : "toto@toto.fr" , "password" : "titi"}),
dataType: "json",
contentType: "application/json",
success: function(data) {
if(data.reponse == "OK") {
window.location = "main.html";
} else {
alert("PROBLEM");
}
},
error: function(xhr, type) {
alert("ERROR");
}
});
};
选项http://127.0.0.1:8080/agenceVoyage/user/add请求的资源上没有'Access-Control-Allow-Origin'标头。因此，不允许访问源'http://localhost:9000'。zepto.min.js:2 XMLHttpRequest无法加载
共有1个答案
我找到了解决办法：
首先，创建一个新的过滤器，它将设置标头响应：
@Component
public class SimpleCORSFilter implements Filter {
public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
HttpServletResponse response = (HttpServletResponse) res;
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
chain.doFilter(req, res);
}
public void init(FilterConfig filterConfig) {}
public void destroy() {}
}
之后，在web.xml中添加以下行：
<filter>
<filter-name>cors</filter-name>
<filter-class>MY.PACKAGE.SimpleCORSFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>cors</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
-
Access-Control-Allow-Origin响应 header 指示是否该响应可以与具有给定资源共享原点。 Header type Response header Forbidden header name no 语法 Access-Control-Allow-Origin: *Access-Control-Allow-Origin: <origin> 指令 * 对于没有凭据的请求，服务
-
null 服务器的响应如下: XMLHttpRequest无法加载http://nqatalog.negroesquisso.pt/login.php。Access-Control-Allow-Origin不允许Origin 。 如何解决此问题？
-
在我的Angular应用程序中，当我需要从API调用一个带有基本身份验证的GET时，我在JS控制台中得到以下错误： CORS策略阻止从来源'http://localhost:4200'访问位于'***********'的XMLHttpRequest：对飞行前请求的响应未通过访问控制检查：请求的资源上没有'Access-Control-Alloc-Origin'标头。
-
问题内容： 这可能是一个简单的（一系列）问题，但我无法解决。 我正在尝试从托管在我网站上的Web应用程序访问github api。简而言之，这是代码： 如果我将浏览器指向在我的保管箱帐户上载的这个简单页面，则一切正常。相反，如果我将浏览器指向该网站上上传的这个简单页面，则会得到臭名昭著的异常： 因此，问题是： 为什么在Dropbox上可以使用？ 我了解使用CORS即使在网站上也可以使用。这是我的A
-
XMLHttpRequest无法加载http://localhost:8080/nobelgrid/api/users/create/。请求的资源上没有“访问-控制-允许-来源”标头。因此，不允许访问源'http://localhost:63342'。响应的HTTP状态代码为500。 谁能帮帮我吗？ 更新： 但我还有一个错误。我会做另一个问题，因为我认为这是一个不同的论点。 提前感谢！
-
我知道这件事以前被处理过很多次。但是我可以在响应中看到头上已经有了Access-Control-Allow-Origin。 accept:/ accept-encoding：gzip,deflate,sdch,br access-control-request-headers：x-an-webservice-identitykey access-control-request-method：pos