- target是目标代理的接口地址,当监测到以 /api开头的接口后,把axios请求中前面的本地服务器地址改为target的值,实际发送给后端的请求就是下方后一个请求
http://XX.XX.XX.XX:8080/api/def --> http://localhost:8081/api/def
-
changeOrigin表示是否跨域
-
PathRewrite:替换请求中匹配的内容,在这里就是去掉 /api 前面的 ^
server:{
proxy:{
'/api':{
target:"http://localhost:8081", //目标代理接口地址
secure:false,
changeOrigin:true, //开启代理,在本地创建一个虚拟服务器
PathRewrite:{
'^/api':'/api'
}
}
}
}
vite配置的server.proxy其实和vue-cli配置的devServer.proxy大致一样
附上vite官网的server.proxy链接:文章来源:https://www.toymoban.com/news/detail-799202.html
https://cn.vitejs.dev/config/server-options.html#server-proxy文章来源地址https://www.toymoban.com/news/detail-799202.html
到了这里,关于vite中server.proxy的一些配置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!