对于vue-cli 3.x版本配置服务器代理,vue.config.js的文件,在开发环境有效
proxy: { //跨域代理
'/api': {
target: 'http://127.0.0.1:3347/', // 你请求的第三方接口
changeOrigin: true, // 在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题
pathRewrite: {
'^/api': '' // 替换target中的请求地址,也就是说以后你在请求http://api.weatherdt.com/common/XXXXX这个地址的时候直接写成/api即可。
}
}
}
访问:
axios.get('/api?hardware=SendCard&method=SendRFCard&port=com1&baudRate=9600&cardNo=111').then((res) => {
console.log('接口信息:', res)
})