Después de cambiar a vite, intento imitar el proxy: "http://localhost:5000" que usé anteriormente en package.json
Aquí está mi configuración vite
export default defineConfig({ plugins: [react()], server: { proxy: { "/api": { target: "http://localhost:5000", changeOrigin: true, secure: false, }, }, }, }); Tengo una aplicación de reacción ejecutándose en el puerto 3000. Cuando envío una solicitud en la URL raíz ( http://localhost:3000 ), todo funciona bien
const { data } = await axios.get("api/user/me");
http://localhost:3000/api/user/me en lugar de a http://localhost:5000/api/user/me . ¿Alguien puede explicar este comportamiento? El principal problema es que cuando navego a otra página (por ejemplo, http://localhost:3000/dashboard ), la misma solicitud se envía a http://localhost:3000/dashboard/api/user/me .
¿Qué estoy haciendo mal? Quiero enviar solicitudes a http://localhost:5000 , sin importar la ubicación
Encontré una solución al especificar la URL FE antes de cada solicitud const { data } = await axios.get("http://localhost:3000/api/user/me"); , pero ¿hay alguna forma de imitar el comportamiento del proxy de package.json ?
Resolví el problema cambiando los valores predeterminados de axios
axios.defaults.baseURL = `http://localhost:5000`Haciendo esto logré lo que buscaba. Las solicitudes se envían al punto final adecuado sin importar la ubicación