亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

跨域問題 怎么解決?

跨域問題 怎么解決?

正在回答

2 回答

Vue?框架開發的時候,會遇到跨域的問題,可在config/index.js?里配置proxyTable內容,使用proxy?代理。
devServer:{
?????proxy:{????????'/hehe':{
??????????target:"http://ustbhuangyi.com/",?//目標服務器
??????????changeOrigin:true,//是否改變請求源
??????????pathRewrite:{?//路徑重寫
????????????"^/hehe":''
??????????}
????????}
}
然后在axios請求中
export?const??getRecommentList=()=>{?return?new?Promise((resolve,reject)=>{??let?url='/hehe/music/api/getDiscList'
??axios.get(url)
??.then((data)=>{
???resolve(data)
??})
??.catch((err)=>{
????reject(err)
??})
?})
}//post請求export?const??getRecommentList=()=>{?return?new?Promise((resolve,reject)=>{??let?url='/hehe/music/api/getDiscList'
??let?data={????firstName:?'Fred',????lastName:?'Flintstone'
????},
??axios.post(url,data)
??.then((data)=>{
???resolve(data)
??})
??.catch((err)=>{
????reject(err)
??})
?})
}


1 回復 有任何疑惑可以回復我~

vue-cli的話,在創建的工程名下配置文件(config)下的index.js改proxyTable,changeOrigin:true表示允許跨域(親測有效)

http://img1.sycdn.imooc.com//5dd74e0600010e4e04960437.jpg

http://img1.sycdn.imooc.com//5dd74e060001fb4006210309.jpg


0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
axios在vue中的使用
  • 參與學習       27659    人
  • 解答問題       157    個

本課程介紹了如何在vue項目中優雅的使用Axios。

進入課程

跨域問題 怎么解決?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號