vueプロジェクトは3種類のドメイン間問題を処理する
4913 ワード
1.ドメイン間の理由
2.ドメイン間の種類
CORSドメイン間:
JSONPドメイン間:
インタフェースエージェント:
これはvueです.configファイル
: , , 。
2.ドメイン間の種類
1.CORS
2.JSONP
3.
CORSドメイン間:
cors , , 。
import axios from 'axios'
let url = ' api'
axios.get(url).then(()=>{
})
JSONPドメイン間:
, , api , 。 js 。
import jsonp from 'jsonp'
jsonp(url,(err,res)=>{
let result = res;
this.data = result;
})
インタフェースエージェント:
nginx ,
vue.config,js
これはvueです.configファイル
module.exports = {
lintOnSave: false,
devServer:{
host:'localhost',
port:8080,
proxy:{//
'/api':{// , /api, /api url , target ,
target:'https://www.imooc.com',
changeOrigin:true,
pathRewrite:{// /api
'/api':' '
}
}
}
}
}
let url = "/api/activity/servicetime"
jsonp(url,(err,res)=>{
let result = res;
this.data = result;
})