React.js+Vite代理配置失败，报错Cannot create property 'prependPath' on boolean 'true'

你的代理配置格式不符合Vite的要求，导致了这个错误。问题出在你把代理目标地址直接赋值给了/api，还把changeOrigin、rewrite和它平级放置——Vite的代理规则要求每个路径匹配项（比如/api）的值必须是一个配置对象，而不是字符串地址。

正确的配置写法 #

proxy: {
  '/api': {
    target: 'http://localhost:8000',
    changeOrigin: true,
    rewrite: (path) => path.replace(/^\/api/, '')
  }
}

错误原因说明 #

之前的写法会让Vite误判：它会把changeOrigin当成一个新的代理路径，而true是布尔值，不是代理配置对象，Vite在尝试给这个布尔值添加prependPath属性时就会抛出错误。把目标地址放到target字段里，所有配置项都嵌套在/api对应的对象中，就能正常解析了。

内容的提问来源于stack exchange，提问作者Dezmen Ceo Sykes