當你新創建一個vue項目時,你很有可能忘記配置了后端的地址這個時候可以加上這樣的配置在
vite.config.js
import { fileURLToPath, URL } from 'node:url'import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueDevTools from 'vite-plugin-vue-devtools'// https://vite.dev/config/
export default defineConfig({plugins: [vue(),vueDevTools(),],resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))},},server: {proxy: {'/user': {target: 'http://localhost:8080', // 你的后端地址和端口changeOrigin: true,rewrite: path => path.replace(/^\/user/, '/user'), // 保持路徑不變,按需修改},// 如果你還有其他接口,比如 /api,也可以類似配置// '/api': {// target: 'http://localhost:8080',// changeOrigin: true,// }}}
})