前端页面访问另外一个服务提供的后端api,就需要解决跨域的问题,必须要明白的一点是跨域的问题来自浏览器而非服务器。解决跨域的技术有好几种,例如jsonp, proxytable,设置响应消息头等,我们这一节将看一下如何利用nginx的反向代理完成跨域。
提供一个api http://localhost:8082/getdata

注意:这个api的端口、名称读者可以根据自己的实际去设置;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>nginx cross</title>
<script src="jquery-1.11.2.min.js"></script>
</head>
<body>
<div id="data">
</div>
<script type="text/javascript">
$.get("http://localhost/getdata", function (data) {
$("#data").html(data.data);
});
</script>
</body>
</html>
location /getdata
{
proxy_pass http://localhost:8082;
}
cd D:\Program Files\nginx-1.14.0
# 启动
nginx
# 重启
nginx -s reload
原文:https://www.cnblogs.com/alichengxuyuan/p/12504493.html