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)
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)
