在本地開發(fā)時,使用http://localhost:8080 訪問第三方接口時,會產(chǎn)生跨域。這個時候就需要設(shè)置代理的方式跨域來訪問第三方接口停士。
使用vue-cli開發(fā)時挖帘,啟動項目后,就是在http下的開發(fā)環(huán)境恋技,這個時候可以直接設(shè)置代理。
打開vue-cli的目錄結(jié)構(gòu)蜻底,找到config文件夾下的index.js,其中有個dev配置項
中的proxyTable
聘鳞,設(shè)置如下:
proxyTable: {
//設(shè)置規(guī)則薄辅,以proxy開頭的
"proxy":{
//目標(biāo)地址
target:"http://m.kugou.com",
//設(shè)置為false 是http請求,設(shè)置為true是https請求
"secure":false,
//設(shè)置true 代表跨域訪問
"changeOrigin":true,
//路徑改寫規(guī)則抠璃,如果為空站楚,代表直接替換
"pathRewrite":{
"^proxy":""
}
}
}
具體的信息都已經(jīng)標(biāo)注好了,設(shè)置代理以后就可以直接跨域訪問第三方接口搏嗡。
大家一定一定要注意A骸!采盒!配置好以后需要重新npm run dev啟動 才會生效>善颉!0醢薄尺栖!
大家一定一定要注意!7匙狻延赌!配置好以后需要重新npm run dev啟動 才會生效!2娉鳌4煲浴!
大家一定一定要注意I统佟B藕亍!配置好以后需要重新npm run dev啟動 才會生效P可薄Kφ弧!糕再!
感覺很好用量没,希望可以對大家有幫助