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

相关推荐
海南java第二人5 分钟前
SpringBoot启动流程深度解析:从入口到容器就绪的完整机制
java·开发语言
星火开发设计9 分钟前
C++ queue 全面解析与实战指南
java·开发语言·数据结构·c++·学习·知识·队列
码界奇点12 分钟前
基于Vue3与TypeScript的后台管理系统设计与实现
前端·javascript·typescript·vue·毕业设计·源代码管理
DICOM医学影像16 分钟前
2. go语言从零实现以太坊客户端-查询区块链账户余额
开发语言·golang·区块链·以太坊·web3.0·hardhat
ashcn200118 分钟前
水滴按钮解析
前端·javascript·css
爱吃奶酪的松鼠丶25 分钟前
React长列表,性能优化。关于循环遍历的时候,key是用对象数据中的ID还是用索引
javascript·react.js·性能优化
Data_agent27 分钟前
Python 编程实战:函数与模块化编程及内置模块探索
开发语言·python
new_zhou27 分钟前
vs2019+qt工程中生成dump文件及调试
开发语言·qt·visual studio·dump调试
xkxnq1 小时前
第二阶段:Vue 组件化开发(第 17天)
javascript·vue.js·ecmascript
栈与堆1 小时前
LeetCode 19 - 删除链表的倒数第N个节点
java·开发语言·数据结构·python·算法·leetcode·链表