失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > axios跨域携带cookie_vue 本地调试跨域---带cookies(axios)

axios跨域携带cookie_vue 本地调试跨域---带cookies(axios)

时间:2019-06-11 17:49:30

相关推荐

axios跨域携带cookie_vue 本地调试跨域---带cookies(axios)

cookise跨域第二期之便捷优雅的本地调试(axios)

1、打开config/index.js,在proxyTable中添写如下代码:

proxyTable: {

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

target: '', //想要访问的地址

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)》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。