vite中server.proxy的一些配置

2024-03-13 17:00:05 分类：前端热度：71 评论： 0

target是目标代理的接口地址，当监测到以 /api开头的接口后，把axios请求中前面的本地服务器地址改为target的值，实际发送给后端的请求就是下方后一个请求

http://XX.XX.XX.XX:8080/api/def --> http://localhost:8081/api/def

changeOrigin表示是否跨域
PathRewrite：替换请求中匹配的内容，在这里就是去掉 /api 前面的 ^

javascript">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://***.vitejs.dev/config/server-options.html#server-proxy