vue 本地调试跨域---带cookies（axios）

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

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

?

1 2 3 4 5 6 7 8 9 10

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中引入

 

?

1 2 3

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

 

使用

?

1 2 3 4 5

this.$axios.get('/agent/web/followMac/getFollowMacList').then(res => {           console.log(res)         }).catch(error => {           console.log(error)         })

如果自行封装axios——直接写

?

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

 

不过需要在配置axios的config的baseURL，配置在config的baseURL会在url参数不为http开头时添加在url前面

?

1 2	baseURL: '/agent',//本地测试 baseURL:'正式服务器路径'

 

这样就可以愉快的本地调试了，是利用node服务进行代理