vant/vue跨域請(qǐng)求解決方案
更新時(shí)間：2022年12月24日 14:02:00 作者：Nanchen_42
這篇文章主要介紹了vant/vue跨域請(qǐng)求解決方案,需要的朋友可以參考下
因?yàn)楹蠖私o的接口不是本地的接口，所以需要跨域來(lái)獲取接口數(shù)據(jù)
在vue.config.js中對(duì)其進(jìn)行配置
devServer: {
host: 'localhost',
port: 3030, // 端口
https: false,
proxy: {
// 配置跨域
'/api': {
target: 'http://xx.xx.xx.xxx', // 代理的接口域名以及端口號(hào)；
ws: true, // 支持ws協(xié)議；websocket的縮寫；
changeOrigin: true, // 是否跨域
pathRewrite: { // 路徑替換
'^/api': '/api'
}
}
},
hotOnly: false,
before: app => {}
},在axios.js中配置baseURL
let config = {
baseURL:'/api'
};最后使用$axios來(lái)請(qǐng)求數(shù)據(jù)即可
mounted(){
this.$axios.get('index_category/data').then((v)=>{
console.log(v);
})
}成功后效果如下
以上就是vant/vue跨域請(qǐng)求解決方案的詳細(xì)內(nèi)容，更多關(guān)于vant/vue跨域請(qǐng)求解決方案的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
您可能感興趣的文章:
相關(guān)文章
今天小編就為大家分享一篇Vue 中對(duì)圖片地址進(jìn)行拼接的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
組件間通信簡(jiǎn)單來(lái)說(shuō)就是組件間進(jìn)行數(shù)據(jù)傳遞。就像我們?nèi)粘５拇螂娫挘褪峭ㄓ嵉囊环N方式，你把話說(shuō)給我聽(tīng)，我把話說(shuō)給你聽(tīng)，說(shuō)的話就是數(shù)據(jù)。電話就是通訊方式的一種。無(wú)論是 Vue 還是 React ，都得進(jìn)行組件間通信。2021-05-05
這篇文章主要介紹了vue 封裝面包屑組件教程，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
本篇文章主要介紹了vuejs實(shí)現(xiàn)遞歸樹型菜單組件，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
這篇文章給大家分享了Vue實(shí)例以及生命周期的相關(guān)知識(shí)點(diǎn)內(nèi)容，有興趣的朋友們可以學(xué)習(xí)下。2018-08-08
這篇文章主要介紹了vue axios同步請(qǐng)求解決方案,需要的朋友可以參考下2017-09-09
這篇文章主要為大家詳細(xì)介紹了Vue?Validate表單組件的封裝的相關(guān)知識(shí),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解下2023-09-09
Vue中的scoped實(shí)現(xiàn)原理及穿透方法
這篇文章主要介紹了Vue中的scoped實(shí)現(xiàn)原理及穿透方法,本文通過(guò)實(shí)例文字相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-05-05
Vue項(xiàng)目通過(guò)vue-i18n實(shí)現(xiàn)國(guó)際化方案(推薦)
這篇文章主要介紹了Vue項(xiàng)目通過(guò)vue-i18n實(shí)現(xiàn)國(guó)際化方案,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
Vue項(xiàng)目動(dòng)態(tài)加載圖片正確寫法
最近做項(xiàng)目的時(shí)候遇到了動(dòng)態(tài)加載圖片的需求,所以這里給大家總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vue項(xiàng)目動(dòng)態(tài)加載圖片的正確寫法,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-04-04