Vue运行项目后看到调用后台真是地址路径

最新推荐文章于 2024-08-05 14:28:25 发布

不想搬砖的吗喽

最新推荐文章于 2024-08-05 14:28:25 发布

阅读量121

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/weixin_60486360/article/details/140605764

版权

vite.config.js

 server: {
    proxy: {
      "/aigc":{           // /proxy_url 这个用来和根路径 baseURL 进行匹配
        target: 'https://mkk-stg.gehealthcare.cn',  // 这个是填写跨域的请求域名+端口号，也就是要请求的URL(不包含URL路径)
        // target: 'http://127.0.0.1:8098',  // 生产
        // target: 'http://127.0.0.1:8080',  // 这个是填写跨域的请求域名+端口号，也就是要请求的URL(不包含URL路径)
        changeOrigin: true,  // 是否允许跨域请求，在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        rewrite:(path) => path.replace('/aigc','/aigcAws'),
        //显示真实请求地址
        bypass(req, res, options) {
          const realUrl = options.target + (options.rewrite ? options.rewrite(req.url) : '');
          console.log(realUrl); // 在终端显示
          res.setHeader('A-Real-Url', realUrl); // 添加响应标头(A-Real-Url为自定义命名)，在浏览器中显示
        }
      },
    }
  },