快捷導(dǎo)航

Vue Ajax跨域請(qǐng)求實(shí)例詳解

更新時(shí)間：2017年06月20日 10:06:15 投稿：mrr

這篇文章主要介紹了Vue Ajax跨域請(qǐng)求實(shí)例詳解,需要的朋友可以參考下

一.設(shè)置config/index.js || proxyTable添加

proxyTable: {
   '/api': {
      target: 'http://192.168.48.239:8080/ydzl',
      changeOrigin: true,
      pathRewrite: {
        '^/api': ''
      }
   }

二.mian.js 添加vue全局屬性

Vue.prototype.HOST = '/api'

三.如果是post的話

1.修改數(shù)據(jù)格式

transformRequest: [function (data) {
          // Do whatever you want to transform the data
            let ret = ''
            for (let it in data) {
             ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
            }
            return ret
           }],

2.修改請(qǐng)求頭

headers: {
            'Content-Type': 'application/x-www-form-urlencoded'
          }

以上所述是小編給大家介紹的Vue Ajax跨域請(qǐng)求實(shí)例詳解，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

詳解el-table表頭文字換行的三種方式
本文主要介紹了el-table表頭文字換行的三種方式，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
基于Vue+element-ui 的Table二次封裝的實(shí)現(xiàn)
這篇文章主要介紹了基于Vue+element-ui 的Table二次封裝的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
解決vue更新路由router-view復(fù)用組件內(nèi)容不刷新的問(wèn)題
今天小編就為大家分享一篇解決vue更新路由router-view復(fù)用組件內(nèi)容不刷新的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-11-11
vue3模塊創(chuàng)建runtime-dom源碼解析
這篇文章主要為大家介紹了vue3模塊創(chuàng)建runtime-dom源碼解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-01-01
VUE中的v-if與v-show區(qū)別介紹
這篇文章介紹了VUE中v-if與v-show的區(qū)別，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2022-03-03
vue - vue.config.js中devServer配置方式
今天小編就為大家分享一篇vue - vue.config.js中devServer配置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-10-10
如何在vue中使用ant-design-vue組件
這篇文章主要介紹了如何在vue中使用ant-design-vue組件,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-01-01
vue3的組件通信&v-model使用實(shí)例詳解
props 主要用于父組件向子組件通信,再父組件中通過(guò)使用:msg='msg'綁定需要傳給子組件的屬性值,然后再在子組件中用props接收該屬性值,這篇文章主要介紹了vue3的組件通信&v-model使用,需要的朋友可以參考下
2024-05-05
Vue中構(gòu)造數(shù)組數(shù)據(jù)之map和forEach方法實(shí)現(xiàn)
數(shù)組操作是前端最重要的數(shù)據(jù)操作，構(gòu)造數(shù)組數(shù)據(jù)，又是數(shù)組操作中很常見(jiàn)的，本文將梳理下map和forEach方法在Vue項(xiàng)目中的使用，感興趣的朋友跟隨小編一起看看吧
2022-09-09
Vue入門(mén)之a(chǎn)nimate過(guò)渡動(dòng)畫(huà)效果
這篇文章主要介紹了Vue入門(mén)之a(chǎn)nimate過(guò)渡動(dòng)畫(huà)效果的相關(guān)資料,需要的朋友可以參考下
2018-04-04