vue,config.js
加入如下代码
devServer: {
proxy: {
//名字可以自定义,这里我用的是api
'/api': {
target: 'http://192.168.10.99:1001',//设置你调用的接口域名和端口号(目标IP:端口)
changeOrigin: true,
pathRewrite: {
'^/api': ''
}
}
}
}
调用axios
方法前
/**
* 调用axios时前端加上默认路由/api 实现跨域
*/
this.axios.defaults.baseURL = '/api';
this.axios({
method: "post",
url: "xxx",
data: {},
responseType: 'blob' // 设置响应结果类型为blob类型
}).then(res => {
// 处理数据,并下载
const blob = new Blob([res.data]);
let url = window.URL.createObjectURL(blob)
let link = document.createElement('a')
link.href = url
link.setAttribute('download', 'test.csv')
document.body.appendChild(link)
link.click()
})
}
或者在main.js
中默认写死axios.defaults.baseURL = '/api';