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

成都創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司，專注做網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站營銷推廣，申請域名，網(wǎng)站空間，網(wǎng)站運營有關(guān)企業(yè)網(wǎng)站制作方案、改版、費用等問題，請聯(lián)系成都創(chuàng)新互聯(lián)。

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

axios實現(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)用的接口域名和端口號 別忘了加http
 
         changeOrigin: true,
 
         pathRewrite: {
 
              '^/api': '/'//這里理解成用‘/api’代替target里面的地址，后面組件中我們掉接口時直接用api代替 比如我要調(diào)             用'http://40.00.100.100:3002/user/add'，直接寫‘/api/user/add’即可
 
        }
 
    }
 
}

3.在頁面中引用

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)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。