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

相关推荐
Jack_David1 分钟前
Java如何生成Jwt之使用Hutool实现Jwt
java·开发语言·jwt
css趣多多2 分钟前
Vue过滤器
前端·javascript·vue.js
瑞雪兆丰年兮3 分钟前
[从0开始学Java|第六天]Java方法
java·开发语言
u01092727118 分钟前
模板编译期排序算法
开发语言·c++·算法
datalover25 分钟前
CompletableFuture 使用示例
java·开发语言
●VON33 分钟前
React Native for OpenHarmony:项目目录结构与跨平台构建流程详解
javascript·学习·react native·react.js·架构·跨平台·von
m0_6860416134 分钟前
C++中的适配器模式变体
开发语言·c++·算法
清风~徐~来38 分钟前
【视频点播系统】WebSocketpp 介绍及使用
开发语言
爱吃大芒果1 小时前
Flutter for OpenHarmony 实战:mango_shop 路由系统的配置与页面跳转逻辑
开发语言·javascript·flutter
学***54231 小时前
如何轻松避免网络负载过大
开发语言·网络·php