原理:同源策略(浏览器限制一个域名与另一个域名进行资源交互的规则)
检查过程:浏览器发送请求后,检查拿到的响应报文时针对异步对象做检查
解决方案:
- jsonp:目前使用场景很少
- 服务器:设置允许跨域(cors方案):给Response对象参数的响应报文头中设置允许跨域的请求、是否允许获取报文头的参数等字段,
- 配置代理服务器(服务器之间访问无跨域问题)使用Nginx
- 正向代理:代理客户端,浏览器将访问请求、目标地址等字段发送到代理服务器,让代理服务器去访问目标地址。
- 反向代理:代理服务器,浏览器将代理服务器作为访问目标,代理服务器自己判断需要转发到哪个目标地址,此阶段浏览器不可见。
配置Nginx
- 下载Nginx包(解压路径不能有中文和空格)
- 配置全局块:影响nginx的全局指令,包括运行服务器的用户组、nginx进程pid存放路径,允许生成worker_process等数字
- 配置#event块:影响服务器与用户的网络连接方面。最大链接数,选择驱动模型处理连接请求。
- http全局块:配置是否允许向浏览器发送文件、设置连接保持时间
- server块:可以有多个server块,主要配置服务器节点的端口、域名、路由(要访问的文件夹、文件、代理poxy_pass)、错误页等
- 启动nginx:访问服务器节点,连接成功后就会直接访问poxy_pass所代理的页面。如果没有该字段就会访问路由下所设置的y页面文件