前端解决跨域
重新整理了下 Vue 的接口去跨域的事，其实就两个地方实际生效，其他地方乱写端口什么的反倒是阻碍了。这边展示 Vue3+Vite 的例子：
// 写在vite.config里
server:{
port:81, //定义前端程序使用的端口
disableHostCheck:true,
proxy:{
'api':{
target:'http://xxxxx:yyy/', //yyy为后端程序端口
changeOrigin：true,
rewrite:path => path.replace(/^\/api,'')
}
}
}
这边我调用接口采用了统一管理在一个文件里的方式，当然无所谓怎么样的方式，只要保证接口前有 api 就行，另外 baseUrl 在这是用不到的，所以封装 axios 的部分可以把它去掉。
const api = {
login(data) {
return axios.post("/api/user/login", data);
},
};
export default api;