为什么你的vue项目连接不到后端

当你新创建一个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,// }}}
})