全栈开发(五):初始化前端项目(nuxt3+vue3+element-plus)+前端代理
1.初始化前端项目
Nuxt3:搭建项目_nuxt3 项目搭建-CSDN博客、
2.配置代理
nuxt.config.ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
devtools: { enabled: true },
modules: ["@element-plus/nuxt", "@pinia/nuxt", "@nuxt/ui"],
css: ["element-plus/dist/index.css"],
vite: {
server: {
proxy: {
// 代理配置
"/api": {
//将接口开头路径为/api的接口 代理到target
target: "http://localhost:8080",
changeOrigin: true,
},
},
},
},
plugins: ["~/plugins/element-plus.ts", "~/plugins/axios.ts"],
});