一刽漂、跨域產(chǎn)生的原因：因為ajax有一個同源策略贝咙，但咱們調(diào)用的接口來自于第三方網(wǎng)站庭猩，那這里必須跨域
二蔼水、什么情況下會產(chǎn)生跨域：
協(xié)議名://二級域名.一級域名.類型:端口號/目錄1/文件名?參數(shù)1=值&參數(shù)2=值2&參數(shù)3=值3
1.協(xié)議不同
2.端口不同
3.主域不同
4.主域相同徙缴，子域不同
5.域名和ip
三疏叨、跨域解決方案
jsonp：前端+后端
CORS:服務(wù)端 http://www.ruanyifeng.com/blog/2016/04/cors.html
代理（服務(wù)端代理蚤蔓，客戶端代理）
ajax跨域錯誤提示：
Failed to load https://api.douban.com/v2/movie/search?
q=%E7%BA%A2%E6%B5%B7%E8%A1%8C%E5%8A%A8: No 'Access-
Control-Allow-Origin' header is present on the requested resource. Origin
'http://127.0.0.1:8080' is therefore not allowed access.
vue代理實現(xiàn)：
打開vue腳手架->config->index.js，找到 dev: {
proxyTable: {
'/v2':{
target: 'https://api.douban.com', //要代理的接口
changeOrigin: true, //實現(xiàn)跨域
pathRewrite: {
'^/v2': '/v2'
}
}
},
jsonp實現(xiàn)原理：動態(tài)創(chuàng)建script標(biāo)簽 吐辙，因為script中的src有跨域能力
jsonp實現(xiàn)步驟：
前端實現(xiàn)：
第一步：動態(tài)創(chuàng)建script標(biāo)簽昏苏，并添加callback參數(shù)
第二步：要創(chuàng)建callback函數(shù) 例如：getdata
后端實現(xiàn)：
第一步：接收瀏覽器傳遞過來的callback函數(shù)
例如：$callback=$_GET['callback'];
第二步：返回函數(shù)調(diào)用形式，其內(nèi)部的參數(shù)就是json
例如： echo $callback."(".$json.")";
jsonp缺點：只支持 get請求
jsonp優(yōu)點：兼容性比較好 兼容：IE5+
CORS跨域：http://www.ruanyifeng.com/blog/2016/04/cors.html
php 實現(xiàn)的cors跨域：header('Access-Control-Allow-Origin: *');
缺點:只支持IE10+
優(yōu)點：
1.前端無需改代碼孵构，
2.支持所有請求方式 包括：post,delete,put,get
