内容简介:当前解决的方案有以下几种:
前沿
跨域请求
对于每一个前端开发应该都不会陌生,由于一些安全策略的限制,默认情况下浏览器不允许在一个域下请求另外一个域下的资源,例如 www.codeboy.me
下请求 test.codeboy.me
下的资源,相同的域要求协议、域名、端口都必须相同。
当前解决的方案有以下几种:
1. JSONP 2. 同域请求 3. CORS(跨域资源共享)
JSONP
和 CORS
均需要服务端进行适当适配和改造,这里不再讲述,感兴趣的小伙伴可以自行查询。这里我们对同域请求的实现进行说明。
同域请求
,顾名思义就是将相同域下的请求进行代理,其实是一种 反向代理
, 用最近项目开发中的一个例子来进行叙述和配置。前端页面部署在 project.example.com
中,服务端代码也部署在该服务器上,但是端口是 9999
, 正常情况下, http://project.example.com/test.html
页面中是访问不到 http://project.example.com:9999/api/getData
的数据的,此事我们可以加一层代理,将 http://project.example.com/api/getData
全部代理转发到 http://project.example.com:9999/api/getData
即可。
准备环境
鉴于长期使用 Apache Server
,本次基于 Apache 2.4.18
进行,后端所有的接口均有 /api
开头。
期待目标
-
正常访问
http://project.example.com
可以请求到所有的静态资源 -
所有的
http://project.example.com/api/**
的请求代理到http://project.example.com:9999/api/**
服务器配置
在原有配置 VirtualHost
目录中,增加对 /api
的反向代理,由于同域,可以直接转发到 127.0.0.1
上即可。
<VirtualHost *:80> ServerAdmin admin@example.com ServerName project.example.com DocumentRoot /var/www/example <Directory /var/www/example> Options FollowSymLinks AllowOverride None Require all granted </Directory> ProxyPass /api/ http://127.0.0.1:9999/api/ ProxyPassReverse /api/ http://127.0.0.1:9999/api/ ProxyPassReverseCookiePath / /api LogLevel warn CustomLog ${APACHE_LOG_DIR}/access.log combined </VirtualHost>
总结
使用 同域代理
后,服务端和前端代码都不需要进行修改,完美的解决了问题。最后还要说明的一点是:跨域请求被拒绝是在浏览器(客户端)上进行的,并不是服务端。
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网
猜你喜欢:本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
数据结构与算法分析
张琨、张宏、朱保平 / 人民邮电出版社 / 2016-2-1 / 45
本书共分10章,主要包括第1章绪论,第2章线性表,第3章栈和队列,第4章串,第5章数组和广义表,第6章 树和二叉树,第7章图,第8章查找,第9章内部排序,第10章算法分析。其内容模块涵盖了课堂教学、习题课教学、实验教学、自学辅导、综合训练等。立体化教材的使用在提高教学效率、增强教学效果、加大教学信息量、培养学生的应用与实践能力。 作者简介一起来看看 《数据结构与算法分析》 这本书的介绍吧!
图片转BASE64编码
在线图片转Base64编码工具
正则表达式在线测试
正则表达式在线测试