自学内容网 自学内容网

全栈开发(五):初始化前端项目(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"],
});


原文地址:https://blog.csdn.net/qq_53479087/article/details/142470309

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!