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

相关推荐
繁华似锦respect2 分钟前
C++ 无锁队列(Lock-Free Queue)详细介绍
linux·开发语言·c++·windows·visual studio
专注API从业者8 分钟前
Node.js/Python 调用淘宝关键词搜索 API:从接入到数据解析完整指南
开发语言·数据结构·数据库·node.js
liu****12 分钟前
九.操作符详解
c语言·开发语言·数据结构·c++·算法
人得思变~谁会嫌自己帅呢?12 分钟前
Java中的类加载器工作原理
java·开发语言
阿道夫小狮子13 分钟前
Android 反射
android·前端·javascript
MediaTea15 分钟前
Python 编程B17:文件(二)
开发语言·python
西游音月16 分钟前
(10)功能实现:Qt实战项目之新建项目对话框
开发语言·qt
w***954918 分钟前
在21世纪的我用C语言探寻世界本质——字符函数和字符串函数(2)
c语言·开发语言
૮・ﻌ・18 分钟前
Vue2(三):自定义指令、插槽、路由
前端·javascript·vue.js
ironinfo19 分钟前
C#性能优化随记
开发语言·性能优化·c#