Entonces, ¿sabe cuando accede a una vista con django rest api en el navegador, obtiene una página html y cuando envía algo como una solicitud ajax, obtiene el json? Estoy tratando de descubrir cómo alterar la configuración del proxy para vite, pero no puedo encontrar una sola documentación decente al respecto. Quiero redirigir '/' a 'http://localhost:8000/api', pero hay un comportamiento realmente extraño. Si tengo una ruta en localhost:8000/api, puedo hacer:

 //vite.config.js export default defineConfig({ plugins: [vue()], server: { proxy: { //Focus here '/api': { target: 'http://localhost:8000', changeOrigin: true, rewrite: (path) => { console.log(path); return path.replace('/^\/api/', '') } } } } })

 //todo-component.vue export default { data() { return { todos: [] } }, components: { TodoElement }, beforeCreate() { //Focus here as well this.axios.get('/api').then((response) => { this.todos = response.data }) .catch((e) => { console.error(e) }) } }

Esto devolverá la respuesta json como se esperaba. Sin embargo, si trato de hacer que '/' se dirija a 'localhost:8000/api/', así:

 export default defineConfig({ plugins: [vue()], server: { proxy: { //change here '/': { target: 'http://localhost:8000/api', changeOrigin: true, rewrite: (path) => { console.log(path); return path.replace('/^\/api/', '') } } } } })

 import TodoElement from "./todo-element.vue" export default { data() { return { todos: [] } }, components: { TodoElement }, beforeCreate() { //change here this.axios.get('/').then((response) => { this.todos = response.data }) .catch((e) => { console.error(e) }) } }

Simplemente arroja la versión html de la vista API, pero sin estilo, con un montón de errores.

Ni idea de qué hacer. Si alguien pudiera explicar cómo funciona este proxy, me encantaría. No quiero seguir escribiendo "api/", y sería muy valioso si pudiera entender cómo funciona esto.