這篇文章給大家介紹Vue 中怎么利用Ajax實(shí)現(xiàn)跨域請求，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創(chuàng)新互聯(lián)公司是一家專業(yè)提供高碑店企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為高碑店眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進(jìn)行中。

一.設(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.修改請求頭

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

關(guān)于Vue 中怎么利用Ajax實(shí)現(xiàn)跨域請求就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。