cookise跨域第二期之便捷優雅的本地調試(axios)

1、打開config/index.js,在proxyTable中添寫如下代碼：

proxyTable: {

'/agent': { //使用"/agent"來代替源地址

target: 'https://datacloudtest.mncats365.com', //想要訪問的地址

secure: true,//如果是https請設置為true

changeOrigin: true, //改變源

pathRewrite: {

'^/agent': 'http://localhost:8081' //本地路徑

}

}

},

2、使用axios請求數據時直接使用“/agent”：

如果沒有自行封裝axios，就直接在main.js中引入

import axios from 'axios'

Vue.prototype.$axios=axios

使用

this.$axios.get('/agent/web/followMac/getFollowMacList').then(res => {

console.log(res)

}).catch(error => {

console.log(error)

})

如果自行封裝axios——直接寫

http.get('/web/followMac/getFollowMacList', {}).then().catch()

不過需要在配置axios的config的baseURL，配置在config的baseURL會在url參數不為http開頭時添加在url前面

baseURL: '/agent',//本地測試

baseURL:'正式服務器路徑'

這樣就可以愉快的本地調試了，是利用node服務進行代理

總結

以上是生活随笔為你收集整理的axios跨域携带cookie_vue 本地调试跨域---带cookies（axios）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。