vue3 项目配置对应后端api接口

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
//以上三个都需要先下载好依赖


// https://vitejs.dev/config/
export default defineConfig({
  //静态资源服务的文件夹
  publicDir: "public",
  base: './',
  //静态资源处理
  assetsInclude: "",
  plugins: [vue()],
  resolve: {
    alias: {
      /*
        路径别名
        若为文件系统路径必须是绝对路径的形式，否则将以别名原样呈现，不会解析为文件系统路径路径
      */
      '@': path.resolve(__dirname, './src')
    },
  },

  //vite开发服务器配置
  server: {
    host: '0.0.0.0',
    port: 5200,
    open: false,
    strictPort: false,
    https: false,
    // 反向代理
    proxy: {
      '/api': {
        target: 'http://localhost:18080',    //重点是这里的对应端口
        changeOrigin: true,
        rewrite: (path) => path.replace(/^\/api/, '')
      },
    }
  },
  //生产模式打包配置
  build: {
    outDir: 'dist', //Specify the output directory (relative to project root).
  }
})