在vue根目录下创建出vue.config.js
module.exports = {
devServer: {
proxy: '代理服务器地址'}}
// 或者
module.exports = {
devServer: {//配置开发环境服务器
proxy: {//代理
'/api': {
target: '代理服务器地址',
ws: true // webscoket
changeOrigin: true //是否允许跨域,
pathRewrite:{ //修改请求头
"^/api" :""
}
},
}
}
}
在要发送前端请求的页面使用
created() {
// 对应第一种代理时的请求方法
var data = await axios.get('/接口地址')
//对应第二种代理的请求方法
var data = await axios.get('/api/接口地址')
}