import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  server: {
    proxy: {
      '/api': 'http://127.0.0.1:8080',
    },
  },
})

import vue from '@vitejs/plugin-vue'

从@vitejs/plugin-vue这个包里，引入 Vue 插件，并把它命名成vue。这一步是为了让Vite能够识别.vue文件。

import { defineConfig } from 'vite'

从vite包里专门拿出一个叫defineConfig的函数,用来写Vite配置。

export default defineConfig({
    ...
})

表示这个文件最终对外提供的是这一份 Vite 配置。

plugins: [vue()],

给 Vite 安装 Vue 插件。前面的 import vue from '@vitejs/plugin-vue' 只是将vue引进来，vue()才是启动它。[ ] 是一个数组，表示Vite可以装多个插件。

server: {

配置 Vite 的开发服务器。

proxy: {

配置代理规则：

'/api': 'http://127.0.0.1:8080',

意思是：浏览器向 Vite 请求 /api/... 时，Vite 把它转发到 http://127.0.0.1:8080。

Vue
fetch('/api/students')
        ↓
Vite proxy
'/api' → 127.0.0.1:8080
        ↓
Spring Boot
@RequestMapping("/api/students")