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

相关推荐
喵叔哟6 分钟前
重构代码中引入外部方法和引入本地扩展的区别
java·开发语言·重构
尘浮生12 分钟前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
sinat_3842410912 分钟前
在有网络连接的机器上打包 electron 及其依赖项,在没有网络连接的机器上安装这些离线包
javascript·arcgis·electron
hopetomorrow26 分钟前
学习路之PHP--使用GROUP BY 发生错误 SELECT list is not in GROUP BY clause .......... 解决
开发语言·学习·php
小牛itbull36 分钟前
ReactPress vs VuePress vs WordPress
开发语言·javascript·reactpress
请叫我欧皇i44 分钟前
html本地离线引入vant和vue2(详细步骤)
开发语言·前端·javascript
533_1 小时前
[vue] 深拷贝 lodash cloneDeep
前端·javascript·vue.js
闲暇部落1 小时前
‌Kotlin中的?.和!!主要区别
android·开发语言·kotlin
GIS瞧葩菜1 小时前
局部修改3dtiles子模型的位置。
开发语言·javascript·ecmascript
chnming19871 小时前
STL关联式容器之set
开发语言·c++