vite跨越配置设置bypass函数,查看真实的接口地址,适用于uniapp

javascript 复制代码
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
  plugins: [uni()],
  server: {
    host: "localhost",
    port: 5173,      
    proxy: {                
      '/proxy_ip': {
        changeOrigin: true,
        target: 'https://whois.pconline.com.cn',
        rewrite: (p) => p.replace(new RegExp(`/proxy_ip`), ''),
        bypass: (req, res, options) => {
          const proxyURL = options.target + options.rewrite(req.url);
          console.log(proxyURL)
          res.setHeader('true-url', proxyURL);
        },
      }
    }
  }
});

查看打印结果并不是在浏览器控制台看,是在启动项目的命令行终端查看打印结果。

如上所示代码,bypass函数,可以返回最终真实的调用地址。

相关推荐
To_OC5 小时前
别再瞎写 React Router!7 个高频踩坑点一次性讲透
前端·javascript·react.js
BUG研究员_7 小时前
Runnable与LCEL
开发语言·人工智能·python
岭南灯火8 小时前
前端通用交互式几何编辑器的设计法则 3 - 数据对象的设计
前端·javascript·架构
岭南灯火8 小时前
前端通用交互式几何编辑器的设计法则 2 - 交互事件流
前端·javascript·架构
岭南灯火8 小时前
前端通用交互式几何编辑器的设计法则 1 - 入口的对象及其成员
前端·javascript·架构
满栀5858 小时前
Vue.js 接口封装最佳实践:从基础到高级
前端·javascript·vue.js
牛艺翔9 小时前
C++基础
开发语言·c++
键盘会跳舞9 小时前
C++ :容器适配器stack源码级拆解
开发语言·c++··stack·先进后出
kyriewen9 小时前
我踩了三次同一个坑才明白:React里"改了数据却不重新渲染"的真正原因
前端·javascript·react.js
美味蛋炒饭.9 小时前
Git 版本控制(下)
开发语言·git·学习·总结·后端开发