vue反向代理

vue反向代理
配置代理服务器，配置反向代理，解决跨域问题。
在vite.config.js中进行配置。

 server:{
    proxy:{
      '/api':{
        target:'目标域名',
        changeOrigin:true,
        rewrite:(path)=>path.replace(/^\/api/,'')
      }
    }
  }

‘/api’：表示服务器要监听的前端请求接口路径，监听的是路径开头部分，不包含域名和端口。代理服务器监听接口路径是否以/hgapi开头的，是就走这个代理服务器，解决跨域。不是以/hgapi开头的，就不走这个代理服务器。
target： 目标服务器地址。代理服务器将本地域名localhost:5173换成target域名。服务器之间的请求是不存在跨域的。
changeOrigin： 是否允许切换域名。
rewrite：代理服务器负责将以/api这个字符串开头的内容替换成空，用替换后的接口转发给要真正请求的服务器

代码位置：