Aquí está mi vite.config.ts:
import { defineConfig } from 'vitest/config' import vue from '@vitejs/plugin-vue' import { quasar, transformAssetUrls } from '@quasar/vite-plugin' const path = require('path'); // https://vitejs.dev/config/ export default defineConfig({ test: { globals: true }, plugins: [ vue({ template: { transformAssetUrls } }), quasar({ sassVariables: 'src/assets/scss/quasar-variables.sass' }) ], resolve: { alias: { "@": path.resolve(__dirname, './src'), }, }, server: { proxy: { '/socket': { target: 'wss://abc-website.com:4221/', changeOrigin: true, ws: true, rewrite: (path) => path.replace('^/socket', ''), }, '/streaming/': { target: 'https://abc-website.com/', changeOrigin: true, }, '/': { target: 'https://abc-website.com/', changeOrigin: true, secure: false, ws: true }, } } })cada vez que se carga mi aplicación, me lleva a https://abc-website.com mientras estoy en mi puerto locahost.
Quiero usar la URL anterior para las llamadas de API de back-end solo como https://abc-webite.com/api/auth .
También configuré la baseURL en "api/" después de configurar el proxy en vite.config.ts.
Además, después del ligero cambio, llama a la API REST como https://localhost:3000/auth, debería ser https://locahost:3000/api/auth
Vite proxy no parece funcionar correctamente para mí.
Creo que podrías algo como esto:
server: { proxy: { // ... your other proxies '/api': { target: 'https://abc-website.com/', changeOrigin: true, secure: false, ws: true, rewrite: (path) => path.replace(/^\/app/, ''), }, } } Luego, todas sus solicitudes a sitios como localhost:3000/api/my-endpoint deben enviarse a https://abc-website.com/my-endpoint . No puede enviar todas las solicitudes "básicas", porque están reservadas para servir todo lo demás, todos los activos, index.html, etc., pero también soy amable