這篇文章將為大家詳細(xì)講解有關(guān)axios跨域的方法有哪些，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)專注于盈江企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),商城系統(tǒng)網(wǎng)站開發(fā)。盈江網(wǎng)站建設(shè)公司,為盈江等地區(qū)提供建站服務(wù)。全流程按需制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

axios實(shí)現(xiàn)跨域的三種方法：1、在【mian.js】中引用axios，代碼為【Vue.prototype.$axios = axios】；2、在頁(yè)面中引用axios，代碼為【this.$axios.post('/api/】。

axios實(shí)現(xiàn)跨域的三種方法：

1. mian.js 引用axios

import axios from 'axios'
 
Vue.prototype.$axios = axios

2.config/index.js 的dev中添加如下代碼

proxyTable: {
 
    '/api': {
 
         target: 'http://127.0.0.1/hyhy/',//設(shè)置你調(diào)用的接口域名和端口號(hào) 別忘了加http
 
         changeOrigin: true,
 
         pathRewrite: {
 
              '^/api': '/'//這里理解成用‘/api’代替target里面的地址，后面組件中我們掉接口時(shí)直接用api代替 比如我要調(diào)             用'http://40.00.100.100:3002/user/add'，直接寫‘/api/user/add’即可
 
        }
 
    }
 
}

3.在頁(yè)面中引用

this.$axios.post('/api/userlogin/login', Qs.stringify({ username: this.username, password: this.password }))
 
.then((response) => {
 
    console.log(response)
 
})
 
.catch((response) => {
 
    console.log(response)
 
})

關(guān)于axios跨域的方法有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

分享標(biāo)題：axios跨域的方法有哪些-創(chuàng)新互聯(lián)
路徑分享：http://jinyejixie.com/article6/jseig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、關(guān)鍵詞優(yōu)化、做網(wǎng)站、App設(shè)計(jì)、網(wǎng)站排名、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)