這篇文章將為大家詳細講解有關(guān)axios跨域的方法有哪些,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(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è)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)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é)到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。