小知识:Nginx解决转发地址时跨域的问题

一、什么是跨域问题

在一个服务器A里放置了json文件,另一个服务器B想向A发送ajax请求,获取此文件,会发生错误。

Chrome提示:

?
1
XMLHttpRequest cannot load ******. No Access-Control-Allow-Origin header is present on the requested resource. Origin null is therefore not allowed access.

这就是跨域问题。解决方案有不少,比较好的是服务器端配置CORS,但要求服务器端做更改。如果在不需要更改服务器端的情况下解决呢?尤其是需要在本地测试的时候。

二、配置Nginx

打开nginx目录下的conf文件夹。打开nginx.conf,将其中的http请求修改为:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
http {
include mime.types;
server {
listen    80;
server_name localhost;
charset UTF-8;
location / {
root html;
index index.html index.htm;
}
# Avoid CORS and reverse proxy settings
location /api/ { # [2]
proxy_http_version 1.1;
proxy_pass http://www.des.com/; # [3]
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods “POST, GET, OPTIONS”;
add_header Access-Control-Allow-Headers “Origin, Authorization, Accept”;
add_header Access-Control-Allow-Credentials true;
}
}
}

注意粗体字的部分,/api/表示当请求api目录时,转向http://www.des.com/域名。

例如,请求:

http://127.0.0.1/api/ 就会转向 http://www.des.com/

http://127.0.0.1/api/aaa/bbb/ 就会转向 http://www.des.com/aaa/bbb/

这种由服务器转发的请求,可以突破跨域的限制,因此ajax也可以正常工作。

注意: /api/ 不行写成 /api。

http://www.des.com/ 也不能写成 http://www.des.com

三、配置hosts

为了在本机测试看起来更像在目标服务器上测试,可以设置系统的hosts文件。

每个系统(windows、Linux、Mac OS)都有hosts文件,它是本地的域名解析器。

通常,我们请求一个域名,如www.baidu.com,首先要向域名服务器请求百度的IP地址,然后再根据IP地址来访问。

也可以不需要咨询域名服务器,直接在本地的hosts键入百度的IP地址。

例如

252.192.0.15 www.baidu.com

这样,系统会先从hosts文件里搜索IP地址。

Windows下的hosts文件位于:C:\Windows\System32\drivers\etc

打开后,添加

?
1
127.0.0.1 www.des.com

则,每次访问www.des.com,就会链接到本地。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

小知识:Linux SSH 安全策略 限制 IP 登录方法

2023-4-27 3:10:28

建站知识

小知识:nginx泛域名解析配置教程

2023-4-27 3:23:29

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索