nginx开启跨域访问

最新推荐文章于 2025-11-05 12:35:11 发布

原创最新推荐文章于 2025-11-05 12:35:11 发布 · 656 阅读

0 ·

CC 4.0 BY-SA版权

nginx 专栏收录该内容

19 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>测试ajax和跨域访问</title>
</head>
<body>

</body>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$.ajax({
			type:"GET",
			url:"http://47.94.161.71/1.html",
			success:function(data){
				alert("success");
			},
			error:function(){
				alert("error");
			}
		})
	})
</script>

访问时，会出现跨域的错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource

修改nginx中 add_header如下：

location ~ .*\.(html)$ {
	add_header Access-Control-Allow-Origin http://47.94.161.71/1.html;
	add_header Access-Control-Allow-Methods GET,POST,PUT,DELETE,OPTIONS;
	root /usr/share/nginx/html;
}