Netlify problem with external api(both work locally)

Support
,
1

https://luxury-taffy-98aa2d.netlify.app/
Hello i just deployed from my github that has both server and client folders

front: https://luxury-taffy-98aa2d.netlify.app/
backend api: https://fol-api.onrender.com/api/warlock (for example)

My site loads fine except for the api(locally i run it fine it displays all api results)
i get error in console:

message: “Request failed with status code 404”, name: “AxiosError”, code: “ERR_BAD_REQUEST”, config: {…}, request: XMLHttpRequest, response: {…} }
​code: “ERR_BAD_REQUEST”
config: Object { timeout: 0, xsrfCookieName: “XSRF-TOKEN”, xsrfHeaderName: “X-XSRF-TOKEN”, … }
message: “Request failed with status code 404”
name: “AxiosError”

this is my vite.config:
import { defineConfig } from ‘vite’
import react from ‘@vitejs/plugin-react’

// Configuring Vite | Vite
export default defineConfig({
plugins: [react()],
server: {
proxy: {
‘/api’: {
target: ‘https://fol-api.onrender.com’,
changeOrigin: true,
secure: false,
ws: true
}
}
}
})

Can you help please?

2

Found the solution. I needed to add _redirects file to public folder in my vite project
and add the following line:
/api/* https://fol-api.onrender.com/api/:splat 200

3

oh that’s awesome! Thanks for sharing your solution with the community. :netliheart: