squi-mobile/vite.config.ts

import path from "path";
import { UserConfigExport, ConfigEnv,loadEnv } from "vite";
import vueJsx from "@vitejs/plugin-vue-jsx";
import vue from "@vitejs/plugin-vue";
import svgLoader from "vite-svg-loader";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
import ElementPlus from "unplugin-element-plus/vite";
import {  LOGIN_URL,BASE_URL} from "./src/utils/constant"
import styleImport from "vite-plugin-style-import";

const getEnvFn = (mode, target) => {
  return loadEnv(mode, process.cwd())[target];
};

/**
 * @type {import('vite').UserConfig}
 * @link {https://vitejs.cn/config/}
 */
export default ({ command, mode }: ConfigEnv): UserConfigExport => {
  return {
    root: process.cwd(),
    base: "./",
    server: {
      host: "0.0.0.0",
      open: true,
      port: 8002,
      // strictPort: true,
      https: false,
      force: true,
      proxy: {
        "/api": {
          // target: "http://sqpcbg.xt.wenhq.top:8083/",
          target:(getEnvFn(mode,"VITE_API_SERVER") as string)+'/YJZH-SQ/api',
          changeOrigin: true,
          rewrite: (path) => path.replace(/^\/api/, ''),
        },
      },
    },
    resolve: {
      alias: {
        "@": path.resolve(__dirname, "./src"),
      },
    },

    css: {
      modules: {
        localsConvention: "camelCase", // 默认只支持驼峰，修改为同事支持横线和驼峰
      },
      preprocessorOptions: {
        scss: {
          /**
           * TODO:// 目前按需加载时修改主题色会报错
           * 官方修复后在进行按需加载
           * @link {https://github.com/element-plus/element-plus/issues/2724}
           *
           *  */
          // additionalData: `@use "@/styles/element/index.scss" as *;`,
        },
        // scss: { additionalData: `@import "@/styles/vars.scss";` },
        // less: {
        //   javascriptEnabled: true,
        //   additionalData: `@import "@/styles/default.less";`,
        // },
      },
    },
    plugins: [
      vue(),
      vueJsx({
        // options are passed on to @vue/babel-plugin-jsx
      }),
      svgLoader(),
      // ElementPlus({ useSource: true }),
      // styleImport({
      //   libs: [
      //     {
      //       libraryName: "vant",
      //       esModule: true,
      //       resolveStyle: (name) => `vant/es/${name}/style`,
      //     },
      //   ],
      // }),
    ],
  };
};