vite server正则表达式

devtools/2024/10/25 1:43:07/

vite server支持正则表达式,这样可以在测试时将一些请求模拟转发到本地后端服务的端口。且不会出现跨域的问题。

例如下面的配置,解决了3个问题:
1)API请求URI地址转发到本地后端服务

2)文件资源路径转发到本地后端服务(后端服务上传地址)

3)根目录下所有的txt文件转发到本地后端服务

4)websocket推送转发到本地的推送地址

    server: {host: '0.0.0.0',// https: true,hmr: true,port: Number.parseInt(env.VITE_APP_PORT, 10),/** 跨域设置允许 */cors: true,/** 端口被占用时,是否直接退出 */strictPort: false,/** 接口代理 */proxy: {'^/(api|admin|upload)/': {target: 'http://localhost:8080',ws: true,/** 是否允许跨域 */changeOrigin: true},'^/(.*).txt': {target: 'http://localhost:8080',ws: true,/** 是否允许跨域 */changeOrigin: true},'^/ws': {target: 'http://192.168.1.111:15674',ws: true,/** 是否允许跨域 */changeOrigin: true}}},

proxy正则的条件如下,有一些特殊要求:

1)以^号开头的才是正则,否则是普通URI匹配
2)正则里循环匹配必须以分组的方式出现,例如第二条写成常规的^/.*.txt是无法匹配到的,必须把.*用括号括起来

这里记录一笔,怕时间长了忘了


http://www.ppmy.cn/devtools/128562.html

相关文章

leetcode hot100 之【LeetCode 141. 环形链表】 java实现

LeetCode 141. 环形链表 题目描述 给定一个链表,判断链表中是否有环。 为了表示给定链表中的环,我们使用整数 pos 来表示链表尾连接到链表中的位置(pos 索引从 0 开始)。如果 pos 为 -1,则表示链表中没有环。 示例…

Element Plus的el-tree-v2 组件实现仅叶子节点显示勾选框,并且只能单选

实现代码 <template><el-tree-v2:data"treeData":props"defaultProps"node-key"id"ref"treeRef"show-checkbox:check-strictly"true":expand-on-click-node"false"node-click"handleNodeClick&quo…

Python | Leetcode Python题解之第497题非重叠矩形中的随机点

题目&#xff1a; 题解&#xff1a; class Solution:def __init__(self, rects: List[List[int]]):self.rects rectsself.sum [0]for a, b, x, y in rects:self.sum.append(self.sum[-1] (x - a 1) * (y - b 1))def pick(self) -> List[int]:k randrange(self.sum[-1…

【开发语言】c++的发展前景

C作为一种历史悠久且功能强大的编程语言&#xff0c;在软件开发领域一直保持着其独特的地位和广泛的应用前景。尽管近年来出现了许多新的编程语言和技术趋势&#xff0c;但C由于其高性能、低层访问能力以及广泛的生态系统&#xff0c;在多个领域依然具有不可替代的优势。以下是…

1024,程序员节日快乐

今天是10月24日&#xff0c;我们迎来了程序员的节日。 “1024这个数字对程序员而言&#xff0c;究竟有何特殊含义&#xff1f;”原因在于2⁰ 1024&#xff0c;而计算机硬件的计量单位正是基于1024的幂次递进。 例如&#xff0c;1GB1024MB&#xff0c;1MB1024KB。 因此&#…

解释区块链技术的应用场景和优势。

区块链技术是一种分布式数据库技术&#xff0c;其主要特点是去中心化、安全性高、可追溯、不可篡改等。这使得区块链在许多领域具有广泛的应用场景和优势。 首先&#xff0c;区块链技术可以应用于金融领域。例如&#xff0c;可以用于加密货币的发行和交易&#xff0c;使得交易…

SpringBoot技术的车辆管理流程自动化

4系统概要设计 4.1概述 本系统采用B/S结构(Browser/Server,浏览器/服务器结构)和基于Web服务两种模式&#xff0c;是一个适用于Internet环境下的模型结构。只要用户能连上Internet,便可以在任何时间、任何地点使用。系统工作原理图如图4-1所示&#xff1a; 图4-1系统工作原理…

从0开始深度学习(20)——延后初始化和自定义层

一般情况下&#xff0c;模型参数在被创建时就被立即初始化了&#xff0c;但如果使用了延后初始化技术&#xff0c;就能在首次传入数据后&#xff0c;再初始化参数&#xff0c;旨在输入维度未知的情况下&#xff0c;预定义灵活的模型&#xff0c;动态推断各个层的参数大小。 有时…