nnbp_ui/vite.config.js

import { defineConfig, loadEnv } from 'vite'
import path from 'path'
import createVitePlugins from './vite/plugins'

// https://vitejs.dev/config/
export default defineConfig(({ mode, command }) => {
    const env = loadEnv(mode, process.cwd())
    const { VITE_APP_ENV } = env
    return {
      // 部署生产环境和开发环境下的URL。
      // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上
      // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
      base: VITE_APP_ENV === "production" ? "/" : "/",
      plugins: createVitePlugins(env, command === "build"),
      resolve: {
        // https://cn.vitejs.dev/config/#resolve-alias
        alias: {
          // 设置路径
          "~": path.resolve(__dirname, "./"),
          // 设置别名
          "@": path.resolve(__dirname, "./src"),
        },
        // https://cn.vitejs.dev/config/#resolve-extensions
        extensions: [".mjs", ".js", ".ts", ".jsx", ".tsx", ".json", ".vue"],
      },
      esbuild: {
        jsxFactory: "h",
        jsxFragment: "Fragment",
        jsxInject: "import { h } from 'vue';",
      },
      // vite 相关配置
      server: {
        port: 9005,
        host: true,
        open: true,
        cors: true,
        proxy: {
          // 'http://nnbpbg.xt.wenhq.top:8083'
          "/dev-api": {
            target: "http://39.104.26.229/api",
            // target:"http://localhost:8080/api",
            changeOrigin: true,
            rewrite: (p) => p.replace(/^\/dev-api/, ""),
          },
        },
      },
      //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file
      css: {
        postcss: {
          plugins: [
            {
              postcssPlugin: "internal:charset-removal",
              AtRule: {
                charset: (atRule) => {
                  if (atRule.name === "charset") {
                    atRule.remove();
                  }
                },
              },
            },
          ],
        },
      },
    };
})