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函数,可以返回最终真实的调用地址。

相关推荐
星火开发设计15 分钟前
Java面向对象三大特性:封装、继承与多态的深度解析及实战
java·开发语言·microsoft·多态·继承·面向对象·封装
摘星编程27 分钟前
React Native for OpenHarmony 实战:Alert 警告提示详解
javascript·react native·react.js
Joe55629 分钟前
vue2 + antDesign 下拉框限制只能选择2个
服务器·前端·javascript
旅途中的宽~32 分钟前
【Python】pip install -v e .命令不想自动更新torch版本
开发语言·python·pip
lly20240634 分钟前
Vue3 指令详解
开发语言
WHS-_-202243 分钟前
Tx and Rx IQ Imbalance Compensation for JCAS in 5G NR
javascript·算法·5g
摘星编程43 分钟前
React Native for OpenHarmony 实战:GestureResponderSystem 手势系统详解
javascript·react native·react.js
lili-felicity1 小时前
React Native for OpenHarmony 实战:加载效果的实现详解
javascript·react native·react.js·harmonyos
_OP_CHEN1 小时前
【从零开始的Qt开发指南】(二十三)Qt 界面优化之 QSS 实战指南:从入门到精通,让你的界面颜值飙升!
开发语言·c++·qt·前端开发·界面美化·qss·客户端开发
e***98571 小时前
Java性能优化实战:从原理到案例
java·开发语言·性能优化