在本地開發(fā)時，使用http://localhost:8080 訪問第三方接口時，會產(chǎn)生跨域。這個時候就需要設置代理的方式跨域來訪問第三方接口。
使用vue-cli開發(fā)時，啟動項目后，就是在http下的開發(fā)環(huán)境，這個時候可以直接設置代理。
打開vue-cli的目錄結構，找到config文件夾下的index.js，其中有個dev配置項中的proxyTable，設置如下：
proxyTable: {
//設置規(guī)則，以proxy開頭的
"proxy":{
//目標地址
target:"http://m.kugou.com",
//設置為false 是http請求，設置為true是https請求
"secure":false,
//設置true 代表跨域訪問
"changeOrigin":true,
//路徑改寫規(guī)則，如果為空，代表直接替換
"pathRewrite":{
"^proxy":""
}
}
}
具體的信息都已經(jīng)標注好了，設置代理以后就可以直接跨域訪問第三方接口。
大家一定一定要注意！！！配置好以后需要重新npm run dev啟動 才會生效！！！！
大家一定一定要注意！！！配置好以后需要重新npm run dev啟動 才會生效！！！！
大家一定一定要注意！！！配置好以后需要重新npm run dev啟動 才會生效！！！！
感覺很好用，希望可以對大家有幫助
