如何用Nginx解决跨域问题

一. 产生跨域的原因

1.浏览器限制

2.跨域

3.XHR（XMLHttpRequest）请求

二. 解决思路

解决跨域有多重，在这里主要讲用nginx解决跨域

1.JSONP

2.nginx代理

3.浏览器禁止检查跨域

三. 下载安装nginx

• 选择其中一个版本下载，再解压即可使用
• 在nginx目录下输入nginx -v，若出现版本号，则安装成功

四. nginx反向代理解决跨域（客户端解决跨域）

1.我们使用jquery的ajax发送请求，node开启后台服务

前端代码：

利用jQuery的ajax api发送请求

<button id="getOK">发送请求OK(客户端解决跨域问题)</button>
<button id="getNO">发送请求NO(客户端解决跨域问题)</button>
<script>
$(document).ready(function () {
$('#getOK').click(function () {
$.ajax({
url:'http://localhost:3000/ok',
success:function(res) {
console.log("success",res)
},
error:function(err) {
console.log('fail',err)
}
})
})
$('#getNO').click(function () {
$.ajax({
url:'http://localhost:3000/no',
success:function(res) {
console.log("success",res)
},
error:function(err) {
console.log('fail',err)
}
})