React+Vite应用配置反向代理对接后端时遇请求错误的问题咨询
React+Vite应用配置反向代理对接后端时遇请求错误的问题咨询
大家好,我正在配置一个React+Vite的应用,想要让前端能够和同一主机上运行在5555端口的后端服务器通信。
我尝试配置Vite使用反向代理,将/api路径下的请求重定向到后端对应的端口,目前我的vite.config.js配置如下:
import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ plugins: [react()], server: { proxy: { '/api': { target: 'http://localhost:5555', changeOrigin: true, secure: false, } } } })
当我执行npm run dev启动项目,在浏览器加载前端应用后,控制台出现了代理错误。这个错误是由React应用里的一段代码触发的——我用axios向后端的/api/example_endpoint发送POST请求:
axios.post('/api/example_endpoint', {});
控制台的错误信息如下:
14:16:57 [vite] http proxy error: /api/example_endpoint
Error: connect EC...
有没有大佬能帮我看看哪里出问题了呀?
备注:内容来源于stack exchange,提问作者user2138149
相关产品推荐
相关产品推荐

