課程
/前端開發
/Vue.js
/axios在vue中的使用
跨域問題 怎么解決?
2019-11-13
源自:axios在vue中的使用 3-1
正在回答
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) ??}) ?}) }
vue-cli的話,在創建的工程名下配置文件(config)下的index.js改proxyTable,changeOrigin:true表示允許跨域(親測有效)
舉報
本課程介紹了如何在vue項目中優雅的使用Axios。
1 回答跨域怎么解決
3 回答跨域請求問題怎么解決?
2 回答axios跨域問題
1 回答跨域怎么處理
1 回答是否有跨域問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-05-08
2019-11-22
vue-cli的話,在創建的工程名下配置文件(config)下的index.js改proxyTable,changeOrigin:true表示允許跨域(親測有效)