vite2.0开发环境下,键入.xxx后缀url时报浏览器404问题解决方案

本文讲述了在将webpack项目迁移到Vite 2.0时遇到的开发环境URL解析问题,并分享了通过安装并配置vite-plugin-rewrite-all插件来解决404错误的方法,确保了开发环境下的文件路径正确加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这段时间把webpack项目迁移到vite2.0时遇到了一个大坑

开发环境下键入.xxx后缀url时会报浏览器404

为了解决这个问题,我把vite2.0的api看了几十遍,也把相关插件查了个遍,也尝试自己写插件,愣是没找到解决方案,最后去github的issue碰碰运气看看有没有类似的问题提交

皇天不负有心人,发现了老外也有这样的问题:
https://github.com/vitejs/vite/issues/2245

在这里插入图片描述解决方案如下:
安装插件vite-plugin-rewrite-all(这个插件官方没有收录到github集合文档里)

npm install --save-dev vite-plugin-rewrite-all

vite.config.js

import pluginRewriteAll from 'vite-plugin-rewrite-all';

export default 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值