惠州专业做网站,科技公司排名,电子网站建设ppt模板,搭建商城哪家好怎么样http请求分为两大类#xff1a;普通http请求#xff08;如百度请求#xff09;和ajax请求#xff08;跨域是出现在ajax请求#xff09; 同源策略#xff1a;在浏览器发起ajax请求时#xff0c;当前的网址和被请求的网址协议、域名、端口号必须完全一致#xff0c;目的是… http请求分为两大类普通http请求如百度请求和ajax请求跨域是出现在ajax请求 同源策略在浏览器发起ajax请求时当前的网址和被请求的网址协议、域名、端口号必须完全一致目的是为了防止跨站脚本攻击。 跨域是浏览器的同源策略导致的而服务器之间不受同源策略影响 前端本地开发存在跨域但前端部署到服务器上就不存在跨域了 解决方式 1、CORS跨域资源共享 在配置类中添加一个CORS的过滤器在响应头上添加允许访问的请求源 addAllowedOrigin(*) 2、Jsonp 利用srcipt标签的src属性来实现前端声明好一个函数后端返回执行函数执行函数参数中携带所需的数据。 可以使用jquery的ajax快速实现Jsonp。 使用jsonp只能解决get请求的跨域因为script标签中的src请求就是get请求。 3、vue脚手架正向代理 跨域解决vue脚手架自动在本地开启一个基于node的代理服务器IP和端口号与本地浏览器相同 浏览器【http://localhost:8080】 - 本地代理服务器【http://localhost:8080】 - 目标服务器【http://47.94.222.12:8080】 4、Nginx反向代理 跨域解决location配置中在响应头上添加允许访问的请求源 Access-Control-Allow-Origin:* 浏览器【http://localhost:8080】 - Nginx代理服务器【添加放行请求源】 - 目标服务器【http://192.168.0.120:8080】