同源策略的概述:
同源策略是一种ajax的安全机制,如果出现 协议,域名,端口,三者不统一,就会产生跨域
解决跨域的方案:
1.在后端的响应头加上一句Access-Control-Allow-Origin:*,这里的*表示所有请求,
都可以访问该服务.
2.采用非官方的跨域解决方案,JSONP,它并不是真正的ajax请求,而是一种get请求,
因为它是利用了script上的src属性,可以不受限制的访问外部资源
3.前端使用webpack模块中的server proxy,来实现服务器端代理
4.使用websocket , 它走并不是http协议
JSONP:
是一种非官方的跨域解决方案,它是利用script的src,不受限制的访问外部资源,并结合callback拿到数据
它并不是真正的ajax,它是一个get请求,更加适合做查询.
百度搜索:
效果图: