Charles重写规则为什么对Vue本地请求没生效？

a'ゞ子斌提问于 2026-02-28 15:56:24 阅读 16

工具

我在用Charles的Rewrite功能想把本地开发时的/api前缀请求重写到测试环境，但发现根本没走重写规则，还是发到了localhost。我确定规则配置是对的，其他非Vue项目能正常重写。

我的Vue组件里是这样发请求的：

<script setup>
import axios from 'axios'

const fetchData = async () => {
  const res = await axios.get('/api/user/info')
  console.log(res.data)
}
</script>

是不是因为Vue DevServer代理的问题？那我该怎么让Charles能拦截并重写这个请求？

我来解答赞 5 收藏

反馈

1 条解答

Good“亚飞 Lv1

Vue DevServer的proxy在本地就把请求拦截转发走了，根本没出本机网络层，Charles当然抓不到。

把 vite.config.js 或 vue.config.js 里的 proxy 配置删掉或注释掉，让请求真正发出去，Charles就能拦截重写了。

2026-03-01 12:03