一、什么是跨域问题
在一个服务器A里放置了json文件,另一个服务器B想向A发送ajax请求,获取此文件,会发生错误。
Chrome提示:
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请求修改为:
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
打开后,添加
127.0.0.1 www.des.com
则,每次访问www.des.com,就会链接到本地。
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
- 《最终幻想16》PC版震撼登场 官方发布精彩宣传片
- 《中国十大国语老歌.男人篇 3CD》[WAV/分轨][1.5GB]
- 《汽车音响极品流行热曲发烧大碟 情伤 男声篇2CD》[WAV/分轨][980MB]
- 《绝版经典情歌 国语老歌 内地珍藏篇 2CD》[WAV/分轨][1.2GB]
- 崩坏星穹铁道冬城史学家成就获得攻略
- 金铲铲之战符文大陆城邦效果分享 有哪些效果
- 仙境传说新启航单手斧流派技能流铁匠玩法介绍
- 归龙潮笼鸟意未平任务怎么完成 笼鸟意未平任务流程攻略
- 归龙潮长命锁指引任务怎么过 长命锁的指引前进任务攻略
- 归龙潮破败小屋密码是什么 尘封的记忆支线攻略
- 瑞鸣音乐《中国音乐地图之听见西藏HQCD》[WAV]
- 老虎鱼DavidMunyon-PrettyBlue-24bit44.1kHz[FLAC]
- 沈家凤《梦》[WAV分轨]
- 《黑神话:悟空》四妹游戏摄影:端庄冷艳未亡人气质拉满
- IGN评价PS5 Pro:卖得太贵、为顽固不化的PS粉丝准备的