vue3.0相对于vue2.0在项目结构上去除了build和config目录;
在vue2.0上配置proxy的方式,需要在config/index.js文件中直接修改就可以:
proxyTable: {
'/api':{
target:'http://localhost:8081/',
changeOrigin:true,
pathRewrite:{
'^api':'/api'//这里要理解成用'/api'代替target里面的地址,后面的组件中我们调用接口的时候直接用api代替,比如我要调用'http://40.00.100:3002/user/add',直接写成'/api/user/add'即可
}
}
},
在vue3.0中配置proxy需要在根目录文件下创建vue.config.js文件
配置如下:
let proxyObj = {};
proxyObj['/']={
ws:false,
target:'http://localhost:8081',
changeOrigin:true,
pathRewrite:{
'^/':''
}
};
module.exports={
devServer:{
host:'localhost',
port:8080,
proxy:proxyObj
}
};
在vue2.0和3.0中要区分一下。