Proxy does not work, both requests to backend and http://localhost:3000/ #3475
Description
Describe the bug
#1014 (comment)
Same like this issue.
my vite.config.ts
import { defineConfig } from 'vite'
import reactRefresh from '@vitejs/plugin-react-refresh'
// https://vitejs.dev/config/
export default defineConfig({
plugins: [reactRefresh()],
server: {
proxy: {
'/api': {
target: 'http://localhost:8000',
changeOrigin: true
}
}
}
})
and the React code
import React, { useState } from 'react'
import logo from './logo.svg'
import './App.css'
function App() {
const [count, setCount] = useState(0)
function request(params:any) {
fetch('/api').then(response => response.json());
}
return (
<div className="App">
<header className="App-header">
<button onClick={request}>
Request
</button>
</header>
</div>
)
}
export default App
Reproduction
Create a blank project with vite, yarn create @vitejs/app
Add vite.config.ts with proxies from the doc
Issue request to/apior anything using fetch
Observe that requests are still sent to the dev server http://localhost:8000/ and http://localhost:3000/ in my case.
System Info
vite: ^2.3.0 => 2.3.2
OS: Linux 4.19 Ubuntu 20.04.2 LTS (Focal Fossa)
node: v16.0.0
yarn -v: 1.22.10
Logs
vite v2.3.3 dev server running at:
> Local: http://localhost:3000/
> Network: use `--host` to expose
ready in 223ms.
vite:time 0ms / +0ms
vite:spa-fallback Rewriting GET / to /index.html +0ms
vite:time 20ms /index.html +38ms
vite:resolve 1ms /home/hz-wsl2/vite-pp/node_modules/vite/dist/client/client -> /home/hz-wsl2/vite-pp/node_modules/vite/dist/client/client.js +0ms
vite:resolve 3ms /@vite/client -> /home/hz-wsl2/vite-pp/node_modules/vite/dist/client/client.js +1ms
vite:resolve 1ms /src/main.tsx -> /home/hz-wsl2/vite-pp/src/main.tsx +3ms
vite:load 4ms [fs] /@vite/client +0ms
vite:resolve 1ms ./env -> /home/hz-wsl2/vite-pp/node_modules/vite/dist/client/env.js +17ms
vite:resolve 0ms /node_modules/vite/dist/client/env.js -> /home/hz-wsl2/vite-pp/node_modules/vite/dist/client/env.js +2ms
vite:transform 16ms /@vite/client +0ms
vite:time 31ms /@vite/client +70ms
vite:load 26ms [fs] /src/main.tsx +25ms
vite:load 0ms [plugin] /@react-refresh +229ms
vite:rewrite 1ms [no imports] /@react-refresh +0ms
vite:transform 1ms /@react-refresh +236ms
vite:time 3ms /@react-refresh +235ms
vite:resolve 0ms react -> /home/hz-wsl2/vite-pp/node_modules/.vite/react.js?v=18fa1454&es-interop +244ms
vite:resolve 1ms /node_modules/.vite/react.js?v=18fa1454&es-interop -> /home/hz-wsl2/vite-pp/node_modules/.vite/react.js?v=18fa1454&es-interop +2ms
vite:resolve 0ms react-dom -> /home/hz-wsl2/vite-pp/node_modules/.vite/react-dom.js?v=18fa1454&es-interop +5ms
vite:resolve 0ms /node_modules/.vite/react-dom.js?v=18fa1454&es-interop -> /home/hz-wsl2/vite-pp/node_modules/.vite/react-dom.js?v=18fa1454&es-interop +1ms
vite:resolve 0ms ./index.css -> /home/hz-wsl2/vite-pp/src/index.css +1ms
vite:resolve 0ms /src/index.css -> /home/hz-wsl2/vite-pp/src/index.css +1ms
vite:resolve 1ms ./App -> /home/hz-wsl2/vite-pp/src/App.tsx +2ms
vite:resolve 0ms /src/App.tsx -> /home/hz-wsl2/vite-pp/src/App.tsx +1ms
vite:resolve 0ms /node_modules/.vite/react.js?v=18fa1454 -> /home/hz-wsl2/vite-pp/node_modules/.vite/react.js?v=18fa1454 +1ms
vite:resolve 0ms /node_modules/.vite/react-dom.js?v=18fa1454 -> /home/hz-wsl2/vite-pp/node_modules/.vite/react-dom.js?v=18fa1454 +1ms
vite:transform 243ms /src/main.tsx +21ms
vite:time 282ms /src/main.tsx +22ms
vite:load 3ms [fs] /node_modules/vite/dist/client/env.js +33ms
vite:rewrite 0ms [no imports] node_modules/vite/dist/client/env.js +34ms
vite:transform 2ms /node_modules/vite/dist/client/env.js +14ms
vite:time 10ms /node_modules/vite/dist/client/env.js +13ms
vite:load 3ms [fs] /node_modules/.vite/react.js?v=18fa1454 +13ms
vite:resolve 2ms ./chunk-JF75KDUF.js -> /home/hz-wsl2/vite-pp/node_modules/.vite/chunk-JF75KDUF.js +28ms
vite:resolve 0ms /node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 -> /home/hz-wsl2/vite-pp/node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 +2ms
vite:transform 7ms /node_modules/.vite/react.js?v=18fa1454 +17ms
vite:time 15ms /node_modules/.vite/react.js?v=18fa1454 +17ms
vite:load 18ms [fs] /node_modules/.vite/react-dom.js?v=18fa1454 +17ms
vite:transform 31ms /node_modules/.vite/react-dom.js?v=18fa1454 +83ms
vite:time 113ms /node_modules/.vite/react-dom.js?v=18fa1454 +102ms
vite:load 4ms [fs] /src/index.css +120ms
vite:load 14ms [fs] /src/App.tsx +13ms
vite:resolve 0ms ./App.css -> /home/hz-wsl2/vite-pp/src/App.css +204ms
vite:resolve 0ms /src/App.css -> /home/hz-wsl2/vite-pp/src/App.css +1ms
vite:hmr [self-accepts] src/App.tsx +0ms
vite:transform 67ms /src/App.tsx +127ms
vite:load 12ms [fs] /node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 +70ms
vite:rewrite 1ms [no imports] node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 +233ms
vite:transform 2ms /node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 +6ms
vite:time 18ms /node_modules/.vite/chunk-JF75KDUF.js?v=18fa1454 +115ms
vite:time 94ms /src/App.tsx +3ms
vite:hmr [self-accepts] src/index.css +21ms
vite:transform 91ms /src/index.css +10ms
vite:time 106ms /src/index.css +6ms
vite:load 0ms [fs] /src/App.css +124ms
vite:hmr [self-accepts] src/App.css +112ms
vite:transform 1ms /src/App.css +112ms
vite:time 3ms /src/App.css +111ms
vite:time 4ms /src/favicon.svg +298ms
vite:proxy /api -> http://localhost:8000 +0ms
vite:time 17ms /api +10s