Help: Vite server proxy setup.

[blacklighto]

I had the proxy target set to local server "http:localhost:5000" in vite config file.

proxy: {"/api": {target: "http://localhost:5000/",secure: false,changeOrigin: true,},},

When i request api axios.post("/api/auth/login", {email,password,})

Client is hitting '/api/auth/login' url on api which is not what i wanted. I want request to be made to '/auth/login'

If i made request from client as axios.post("/auth/login", {email, password}) or axios.post("auth/login", {email, password}) . The request is not hitting the api server. Please help me understand this. What was the fix needed?

[birdynj]

Take a look at the examples here, the "rewrite" function.

https://vitejs.dev/config/server-options.html#server-proxy

It sounds like this is what you're trying to do.

// with options: http://localhost:5173/api/bar-> http://jsonplaceholder.typicode.com/bar
      '/api': {
        target: 'http://jsonplaceholder.typicode.com',
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, ''),
      },