feat: 添加微信支付和调试功能，配置环境变量和代理

- 添加微信支付相关API和配置
- 引入vconsole实现调试功能
- 配置环境变量文件(.env, .env.development, .env.production)
- 添加代理配置和工具函数
- 更新依赖包以支持新功能

+# port
+VITE_PORT = 8206
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = https://oa.onwall.cn
+
+# API请求前缀
+VITE_PROXY_PREFIX = /srv/
+
+# 打包输出文件夹名称
+VITE_OUTDIR = sku_request
+
+# 是否开启调试
+VITE_CONSOLE = 0
+
+# appID相关
+VITE_APPID=微信appID

+# 资源公共路径
+VITE_BASE = /
+
+# 测试open-id
+# VITE_OPENID = api-test-openid
+# VITE_OPENID = o8BRf1gLDWieH3Y3JvbrI_4IjaME
+# VITE_OPENID = oJLZq5t9PIKLW9tm1oSUNAuPwssA
+# VITE_OPENID = oJLZq5uT_6GwIh2tQWh1F9IoHZ3U
+VITE_OPENID =
+
+# B端账号
+VITE_ID = 13761653761
+
+# 验证码
+VITE_PIN =
+
+# 反向代理服务器地址
+# VITE_PROXY_TARGET = https://oa.anxinchashi.com/
+VITE_PROXY_TARGET = http://oa-dev.onwall.cn
+# VITE_PROXY_TARGET = https://www.wxgzjs.cn/
+
+# PC端地址
+VITE_MOBILE_URL = http://localhost:5173/

+###
+# 资源公共路径
+VITE_BASE = /f/main/sku_request/
+
+# 测试open-id
+VITE_APP_OPENID =
+
+# B端账号
+VITE_APP_ID =
+
+# 验证码
+VITE_APP_PIN =
+
+# 反向代理服务器地址
+VITE_PROXY_TARGET = http://oa.onwall.cn
+
+# PC端地址
+# VITE_MOBILE_URL = http://oa.onwall.cn/f/guanzong/web/
+# VITE_MOBILE_URL = http://guanzong.onwall.cn/f/guanzong/web/

+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeRouteLeave": true,
+    "onBeforeRouteUpdate": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useLink": true,
+    "useModel": true,
+    "useRoute": true,
+    "useRouter": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

+export function createProxy(prefix, target) {
+  const ret = {};
+  ret[prefix] = {
+    target,
+    changeOrigin: true,
+    ws: true,
+    // rewrite: (path) => path.replace(/^\/api/, '')
+    // rewrite: (path) => path.replace(new RegExp(`^${prefix}`), ''),
+  }
+  return ret
+}

@@ -11,15 +11,19 @@
   "dependencies": {
     "@vant/use": "^1.6.0",
     "vant": "^4.9.18",
+    "vconsole": "^3.15.1",
     "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "vue-router": "^4.5.0",
+    "weixin-js-sdk": "^1.6.5"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.1",
     "@vitejs/plugin-vue-jsx": "^4.1.2",
     "@vueuse/core": "^13.0.0",
     "autoprefixer": "^10.4.19",
+    "axios": "^1.8.4",
     "postcss": "^8.4.35",
+    "qs": "^6.14.0",
     "tailwindcss": "^3.4.1",
     "unplugin-auto-import": "^19.1.1",
     "unplugin-vue-components": "^28.4.1",

 <!--
  * @Date: 2025-03-20 19:53:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-03-20 20:06:10
- * @FilePath: /vue-vite/src/App.vue
+ * @LastEditTime: 2025-03-20 23:56:05
+ * @FilePath: /mlaj/src/App.vue
  * @Description: 文件描述
 -->
 <script setup>
 import { RouterView } from "vue-router";
-import { provideAuth } from '@/contexts/auth';
-import { provideCart } from '@/contexts/cart';
+import { provideAuth } from "@/contexts/auth";
+import { provideCart } from "@/contexts/cart";
+// 会根据配置判断是否显示调试控件
+// eslint-disable-next-line no-unused-vars
+import vConsole from "@/utils/vconsole";
+// 初始化WX环境
+import wx from "weixin-js-sdk";
+import { wxJsAPI } from "@/api/wx/config";
+import { apiList } from "@/api/wx/jsApiList.js";
+import { wxInfo, getUrlParams, stringifyQuery } from "@/utils/tools";
 
 // 提供认证和购物车上下文
 provideAuth();

+/*
+ * @Date: 2022-06-17 14:54:29
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-12-01 16:26:27
+ * @FilePath: /data-table/src/api/common.js
+ * @Description: 通用接口
+ */
+import { fn, fetch, uploadFn } from '@/api/fn';
+
+const Api = {
+  SMS: '/srv/?a=sms',
+  TOKEN: '/srv/?a=upload',
+  SAVE_FILE: '/srv/?a=upload&t=save_file',
+}
+
+/**
+ * @description: 发送验证码
+ * @param {*} phone 手机号码
+ * @returns
+ */
+export const smsAPI = (params) => fn(fetch.post(Api.SMS, params));
+
+/**
+ * @description: 获取七牛token
+ * @returns
+ */
+export const qiniuTokenAPI = (params) => fn(fetch.stringifyPost(Api.TOKEN, params));
+
+/**
+ * @description: 上传七牛
+ * @param {*}
+ * @returns
+ */
+export const qiniuUploadAPI = (url, data, config) => uploadFn(fetch.basePost(url, data, config));
+
+/**
+ * @description: 保存图片
+ * @param {*} format
+ * @param {*} hash
+ * @param {*} height
+ * @param {*} width
+ * @param {*} filekey
+ * @returns
+ */
+export const saveFileAPI = (params) => fn(fetch.stringifyPost(Api.SAVE_FILE, params));

+/*
+ * @Date: 2022-06-17 14:54:29
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-07-04 17:05:30
+ * @FilePath: /data-table/src/api/data.js
+ * @Description: 表单数据接口
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  ADD_FORM_DATA: '/srv/?a=add_formdata',
+  QUERY_FORM_DATA: '/srv/?a=query_formdata',
+  MODI_FORM_DATA: '/srv/?a=modi_formdata',
+  FLOW_FORM_DATA: '/srv/?a=flow_formdata',
+}
+/**
+ * @description: 添加表单数据
+ * @param: form_code 表单唯一标识
+ * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
+ */
+export const addFormDataAPI = (params) => fn(fetch.post(Api.ADD_FORM_DATA, params));
+
+/**
+ * @description: 查询表单数据
+ * @param: form_code 表单唯一标识
+ * @param: id 数据ID
+ */
+export const queryFormDataAPI = (params) => fn(fetch.get(Api.QUERY_FORM_DATA, params));
+
+/**
+ * @description: 修改表单数据
+ * @param: form_code 表单唯一标识
+ * @param: id 数据ID
+ * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
+ */
+export const modiFormDataAPI = (params) => fn(fetch.post(Api.MODI_FORM_DATA, params));
+
+/**
+ * @description: 流程表单数据
+ * @param: form_code 表单唯一标识
+ * @param: data_id 数据ID
+ * @param: data 待添加的数据，json对象结构；键值对记录变更的字段和值；
+ * @param: flow_node_code 流程节点
+ * @param: flow_node_action_id 用户点击的流程节点按钮ID
+ * @param: flow_content 流程审批的文本意见
+ */
+export const flowFormDataAPI = (params) => fn(fetch.post(Api.FLOW_FORM_DATA, params));

+/*
+ * @Date: 2022-05-18 22:56:08
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-02-10 15:13:01
+ * @FilePath: /data-table/src/api/fn.js
+ * @Description: 文件描述
+ */
+import axios from '@/utils/axios';
+import qs from 'Qs'
+import { showSuccessToast, showFailToast } from 'vant';
+
+/**
+ * 网络请求功能函数
+ * @param {*} api 请求axios接口
+ * @returns 请求成功后，获取数据
+ */
+export const fn = (api) => {
+  return api
+    .then(res => {
+      if (res.data.code === 1) {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        // if (!res.data.show) return false;
+        showFailToast(res.data.msg);
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+    .finally(() => { // 最终执行
+    })
+}
+
+/**
+ * 七牛返回格式
+ * @param {*} api
+ * @returns
+ */
+export const uploadFn = (api) => {
+  return api
+    .then(res => {
+      if (res.status === 200) {
+        return res.data || true;
+      } else {
+        // tslint:disable-next-line: no-console
+        console.warn(res);
+        if (!res.data.show) return false;
+        Toast({
+          icon: 'close',
+          message: res.data.msg,
+        });
+        return false;
+      }
+    })
+    .catch(err => {
+      // tslint:disable-next-line: no-console
+      console.error(err);
+      return false;
+    })
+}
+
+/**
+ * 统一 GET/POST 不同传参形式
+ */
+export const fetch = {
+  get: function (api, params) {
+    return axios.get(api, { params })
+  },
+  post: function (api, params) {
+    return axios.post(api, params)
+  },
+  stringifyPost: function (api, params) {
+    return axios.post(api, qs.stringify(params))
+  },
+  basePost: function (url, data, config) {
+    return axios.post(url, data, config)
+  }
+}

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-02-23 18:42:57
+ * @FilePath: /data-table/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_JSAPI: '/srv/?a=wx_share',
+}
+
+/**
+ * @description 获取微信CONFIG配置文件
+ * @param {*} url
+ * @returns {*} cfg
+ */
+export const wxJsAPI = (params) => fn(fetch.get(Api.WX_JSAPI, params));

+/*
+ * @Date: 2022-06-13 14:18:57
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-13 14:27:21
+ * @FilePath: /tswj/src/api/wx/jsApiList.js
+ * @Description: 文件描述
+ */
+export const apiList = [
+  // "updateAppMessageShareData",
+  // "updateTimelineShareData",
+  "onMenuShareTimeline",
+  "onMenuShareAppMessage",
+  "onMenuShareQQ",
+  "onMenuShareWeibo",
+  "onMenuShareQZone",
+  "startRecord",
+  "stopRecord",
+  "onVoiceRecordEnd",
+  "playVoice",
+  "pauseVoice",
+  "stopVoice",
+  "onVoicePlayEnd",
+  "uploadVoice",
+  "downloadVoice",
+  "chooseImage",
+  "previewImage",
+  "uploadImage",
+  "downloadImage",
+  "translateVoice",
+  "getNetworkType",
+  "openLocation",
+  "getLocation",
+  "hideOptionMenu",
+  "showOptionMenu",
+  "hideMenuItems",
+  "showMenuItems",
+  "hideAllNonBaseMenuItem",
+  "showAllNonBaseMenuItem",
+  "closeWindow",
+  "scanQRCode",
+  "chooseWXPay",
+  "openProductSpecificView",
+  "addCard",
+  "chooseCard",
+  "openCard"
+]

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-06-09 13:32:44
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2022-06-09 13:42:06
+ * @FilePath: /tswj/src/api/wx/config.js
+ * @Description:
+ */
+import { fn, fetch } from '@/api/fn';
+
+const Api = {
+  WX_PAY: 'c/bill_paymentForBill.do',
+}
+
+/**
+ * @description 微信支付接口
+ * @param {*}
+ * @returns {*}
+ */
+export const wxPayAPI = (params) => fn(fetch.get(Api.WX_PAY, params));

+/*
+ * @Date: 2025-03-20 20:36:36
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2025-03-20 23:51:13
+ * @FilePath: /mlaj/src/main.js
+ * @Description: 文件描述
+ */
 import { createApp } from 'vue'
 import './style.css'
 import App from './App.vue'
 import router from './router'
+import axios from '@/utils/axios';
 
 import 'vant/lib/index.css'
 
 const app = createApp(App)
+// 屏蔽警告信息
+app.config.warnHandler = () => null;
+
+app.config.globalProperties.$http = axios; // 关键语句
 app.use(router)
 app.mount('#app')

+/*
+ * @Author: hookehuyr hookehuyr@gmail.com
+ * @Date: 2022-05-28 10:17:40
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2024-07-25 09:46:46
+ * @FilePath: /temple_material_request/src/utils/axios.js
+ * @Description:
+ */
+import axios from 'axios';
+import router from '@/router';
+import qs from 'Qs'
+import { strExist } from '@/utils/tools'
+// import { parseQueryString } from '@/utils/tools'
+
+axios.defaults.params = {
+  f: 'good',
+};
+
+/**
+ * @description 请求拦截器
+ */
+axios.interceptors.request.use(
+  config => {
+    // const url_params = parseQueryString(location.href);
+    // GET请求默认打上时间戳，避免从缓存中拿数据。
+    const timestamp = config.method === 'get' ? (new Date()).valueOf() : '';
+    /**
+     * POST PHP需要修改数据格式
+     * 序列化POST请求时需要屏蔽上传相关接口，上传相关接口序列化后报错
+     */
+    // config.data = config.method === 'post' && !strExist(['a=upload', 'upload.qiniup.com'], config.url) ? qs.stringify(config.data) : config.data;
+    // 绑定默认请求头
+    config.params = { ...config.params, timestamp }
+    return config;
+  },
+  error => {
+    // 请求错误处理
+    return Promise.reject(error);
+  });
+
+/**
+ * @description 响应拦截器
+ */
+axios.interceptors.response.use(
+  response => {
+    return response;
+  },
+  error => {
+    return Promise.reject(error);
+  });
+
+export default axios;

+/*
+ * @Date: 2022-04-18 15:59:42
+ * @LastEditors: hookehuyr hookehuyr@gmail.com
+ * @LastEditTime: 2023-02-24 16:13:06
+ * @FilePath: /data-table/src/utils/tools.js
+ * @Description: 文件描述
+ */
+import dayjs from 'dayjs';
+
+// 格式化时间
+const formatDate = (date) => {
+  return dayjs(date).format('YYYY-MM-DD HH:mm');
+};
+
+/**
+ * @description 判断浏览器属于平台
+ * @returns
+ */
+const wxInfo = () => {
+  let u = navigator.userAgent;
+  let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
+  let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+  let isMobile = u.indexOf('Android') > -1 || u.indexOf('iPhone') > -1 || u.indexOf('iPad') > -1; // 移动端平台
+  let isIpad = u.indexOf('iPad') > -1; // iPad平台
+  let uAgent = navigator.userAgent.toLowerCase();
+  let isWeiXin = (uAgent.match(/MicroMessenger/i) == 'micromessenger') ? true : false;
+  let isPC = (uAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone|micromessenger)/i)) ? false : true;
+  return {
+    isAndroid,
+    isiOS,
+    isWeiXin,
+    isMobile,
+    isIpad,
+    isPC
+  };
+};
+
+/**
+ * @description 判断多行省略文本
+ * @param {*} id 目标dom标签
+ * @returns
+ */
+const hasEllipsis = (id) => {
+  let oDiv = document.getElementById(id);
+  let flag = false;
+  if (oDiv.scrollHeight > oDiv.clientHeight) {
+    flag = true
+  }
+  return flag
+}
+
+/**
+ * @description 解析URL参数
+ * @param {*} url
+ * @returns
+ */
+const parseQueryString = url => {
+  var json = {};
+  var arr = url.indexOf('?') >= 0 ? url.substr(url.indexOf('?') + 1).split('&') : [];
+  arr.forEach(item => {
+    var tmp = item.split('=');
+    json[tmp[0]] = decodeURIComponent(tmp[1]);
+  });
+  return json;
+}
+
+/**
+ * 字符串包含字符数组中字符的状态
+ * @param {*} array 字符数组
+ * @param {*} str 字符串
+ * @returns 包含状态
+ */
+const strExist = (array, str) => {
+  const exist = array.filter(arr => {
+    if (str.indexOf(arr) >= 0) return str;
+  })
+  return exist.length > 0
+}
+
+/**
+ * 自定义替换参数
+ * @param {*} url
+ * @param {*} arg
+ * @param {*} arg_val
+ * @returns
+ */
+const changeURLArg = (url, arg, arg_val) => {
+  var pattern = arg + '=([^&]*)';
+  var replaceText = arg + '=' + arg_val;
+  if (url.match(pattern)) {
+    var tmp = '/(' + arg + '=)([^&]*)/gi';
+    tmp = url.replace(eval(tmp), replaceText);
+    return tmp;
+  } else {
+    if (url.match('[\?]')) {
+      return url + '&' + replaceText;
+    } else {
+      return url + '?' + replaceText;
+    }
+  }
+  return url + '\n' + arg + '\n' + arg_val;
+}
+
+// 获取参数key/value值对
+const getUrlParams = (url) => {
+  // 没有参数处理
+  if (url.split('?').length === 1) return false;
+  let arr = url.split('?');
+  let res = arr[1].split('&');
+  let items = {};
+  for (let i = 0; i < res.length; i++) {
+    let [key, value] = res[i].split('=');
+    items[key] = value;
+  }
+  return items
+}
+
+// 格式化URL参数为字符串
+const stringifyQuery = (params) => {
+  const queryString = [];
+  Object.keys(params || {}).forEach((k) => {
+    queryString.push(k + '=' + params[k]);
+  });
+
+  return '?' + queryString.join('&');
+};
+
+export {
+  formatDate,
+  wxInfo,
+  hasEllipsis,
+  parseQueryString,
+  strExist,
+  changeURLArg,
+  getUrlParams,
+  stringifyQuery,
+};

+import VConsole from 'vconsole';
+
+// const vConsole = new VConsole();
+let vConsole = '';
+// 或者使用配置参数来初始化，详情见文档
+if (+import.meta.env.VITE_CONSOLE) {
+  vConsole = new VConsole({ theme: 'dark' });
+}
+
+export default vConsole

 /*
  * @Date: 2025-03-20 19:53:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-03-20 20:27:29
- * @FilePath: /vue-vite/vite.config.js
+ * @LastEditTime: 2025-03-20 23:44:51
+ * @FilePath: /mlaj/vite.config.js
  * @Description: 文件描述
  */
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import path from "path"
 import Components from 'unplugin-vue-components/vite'
 import AutoImport from 'unplugin-auto-import/vite'
 import { VantResolver } from 'unplugin-vue-components/resolvers'
+import { createProxy } from './build/proxy'
 
-// https://vite.dev/config/
-export default defineConfig({
+export default ({ command, mode }) => {
+  const root = process.cwd();
+
+  const viteEnv = loadEnv(mode, root);
+  // let isProd = (command === 'serve'); // 情景配置是否为开发模式 serve 或 build
+
+  return defineConfig({
+    // root: '',
+    // root: './src/packages', // 多页面应用配置入口根目录
+    base: viteEnv.VITE_BASE, // 开发或生产环境服务的公共基础路径。
+    // base: isProd ? '/' : '/f/voice/', // 开发或生产环境服务的公共基础路径。
+    // mode: '', // 在配置中指明将会把 serve 和 build 时的模式 都 覆盖掉。也可以通过命令行 --mode 选项来重写。
+    // define: '', // 定义全局常量替换方式。其中每项在开发环境下会被定义在全局，而在构建时被静态替换。
     plugins: [
       vue(),
       vueJsx(),
       AutoImport({
         imports: ['vue', 'vue-router'],
         dts: 'src/auto-imports.d.ts',
+        // 解决eslint报错问题
+        eslintrc: {
+          enabled: true
+        }
       }),
       Components({
         resolvers: [VantResolver()],
         dts: 'src/components.d.ts',
       }),
     ],
+    publicDir: 'public', // 作为静态资源服务的文件夹。这个目录中的文件会在开发中被服务于 /，在开发模式时，会被拷贝到 outDir 的根目录，并没有转换，永远只是复制到这里。该值可以是文件系统的绝对路径，也可以是相对于项目的根目录路径。
+    // cacheDir: '', // 存储缓存文件的目录。此目录下会存储预打包的依赖项或 vite 生成的某些缓存文件，使用缓存可以提高性能。如需重新生成缓存文件，你可以使用 --force 命令行选项或手动删除目录。此选项的值可以是文件的绝对路径，也可以是以项目根目录为基准的相对路径。
     resolve: {
       alias: { // 将会被传递到 @rollup/plugin-alias 作为 entries 的选项。也可以是一个对象，或一个 { find, replacement } 的数组. 当使用文件系统路径的别名时，请始终使用绝对路径。相对路径的别名值会被原封不动地使用，因此无法被正常解析。 更高级的自定义解析方法可以通过 插件 实现。
         "@": path.resolve(__dirname, "src"),
@@ -44,4 +62,84 @@ export default defineConfig({
       // mainFields: [''], // package.json 中，在解析包的入口点时尝试的字段列表。注意，这比从 exports 字段解析的情景导出优先级低：如果一个入口点从 exports 成功解析，主字段将被忽略。
       extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'], // 导入时想要省略的扩展名列表。注意，不 建议忽略自定义导入类型的扩展名（例如：.vue），因为它会干扰 IDE 和类型支持。
     },
-})
+    css: {
+      modules: '', // 配置 CSS modules 的行为。选项将被传递给 postcss-modules。
+      postcss: { // 内联的 PostCSS 配置（格式同 postcss.config.js），或者一个（默认基于项目根目录的）自定义的 PostCSS 配置路径。其路径搜索是通过 postcss-load-config 实现的。 注意，如果提供了该内联配置，Vite 将不会搜索其他 PostCSS 配置源。
+        plugins: [
+          // postcsspxtoviewport({
+          //   unitToConvert: 'px', // 要转化的单位
+          //   viewportWidth: 375, // UI设计稿的宽度
+          //   unitPrecision: 6, // 转换后的精度，即小数点位数
+          //   propList: ['*'], // 指定转换的css属性的单位，*代表全部css属性的单位都进行转换
+          //   viewportUnit: 'vw', // 指定需要转换成的视窗单位，默认vw
+          //   fontViewportUnit: 'vw', // 指定字体需要转换成的视窗单位，默认vw
+          //   selectorBlackList: ['ignore-'], // 指定不转换为视窗单位的类名，
+          //   minPixelValue: 1, // 默认值1，小于或等于1px则不进行转换
+          //   mediaQuery: true, // 是否在媒体查询的css代码中也进行转换，默认false
+          //   replace: true, // 是否转换后直接更换属性值
+          //   // exclude: [/node_modules/], // 设置忽略文件，用正则做目录名匹配
+          //   exclude: [],
+          //   landscape: false // 是否处理横屏情况
+          // })
+        ]
+      },
+      preprocessorOptions: {
+        // less: {
+        //   javascriptEnabled: true,
+        //   additionalData: `@import "${path.resolve(__dirname, 'src/assets/styles/base.less')}";`
+        // }
+      } // 指定传递给 CSS 预处理器的选项。
+    },
+    // json: {
+    //   namedExports: true, // 是否支持从 .json 文件中进行按名导入。
+    //   stringify: false, // 若设置为 true，导入的 JSON 会被转换为 export default JSON.parse("...") 会比转译成对象字面量性能更好，尤其是当 JSON 文件较大的时候。 开启此项，则会禁用按名导入。
+    // },
+    // esbuild: false, //
+    // assetsInclude: '', // 指定其他文件类型作为静态资源处理
+    logLevel: 'info', // 调整控制台输出的级别，默认为 'info'。
+    // clearScreen: true, // 设为 false 可以避免 Vite 清屏而错过在终端中打印某些关键信息。命令行模式下请通过 --clearScreen false 设置。
+    server: {
+      host: '0.0.0.0',
+      port: viteEnv.VITE_PORT, // 本地服务端口
+      // strictPort: true, // 设为true时若端口已被占用则会直接退出, 而不是尝试下一个可用端口
+      // https: '',
+      // open: false, // 在服务器启动时自动在浏览器中打开应用程序. 当此值为字符串时, 会被当作URL的路径名.
+      // proxy: { // 代理
+      //   '/srv/': {
+      //     // target: 'http://voice.onwall.cn',
+      //     target: viteEnv.VITE_PROXY_TARGET,
+      //     changeOrigin: true,
+      //     // rewrite: (path) => path.replace(/^\/api/, '')
+      //   },
+      // },
+      proxy: createProxy(viteEnv.VITE_PROXY_PREFIX, viteEnv.VITE_PROXY_TARGET),
+      // cors: '', // 为开发服务器配置 CORS。默认启用并允许任何源，传递一个 选项对象 来调整行为或设为 false 表示禁用。
+      // force: '', // 设置为 true 强制使依赖预构建。
+      // hmr: '', // 禁用或配置 HMR 连接（用于 HMR websocket 必须使用不同的 http 服务器地址的情况）。 设置 server.hmr.overlay 为 false 可以禁用服务器错误遮罩层。
+      // watch: '', // 传递给 chokidar 的文件系统监视器选项。
+    },
+    build: {
+      // outDir: 'voice', // 指定输出路径(相对于项目根目录).
+      outDir: viteEnv.VITE_OUTDIR, // 指定输出路径(相对于项目根目录).
+      assetsDir: 'static',
+      rollupOptions: {
+        output: {
+          chunkFileNames: 'static/js/[name]-[hash].js',
+          entryFileNames: 'static/js/[name]-[hash].js',
+          assetFileNames: 'static/[ext]/[name]-[hash].[ext]',
+        },
+        input: { // 多页面应用模式, 打包时配置，运行配置要处理root
+          main: path.resolve(__dirname, 'index.html'),
+          // mono1: path.resolve(__dirname, 'src/packages/mono1/index.html'),
+          // mono2: path.resolve(__dirname, 'src/packages/mono2/index.html'),
+        }
+      },
+    },
+    optimizeDeps: {
+      // entries: '',
+      // exclude: [],
+      include: ['jquery', 'lodash', 'moment', 'axios', 'pinia', 'vue-router', 'vant'], // 默认情况下，不在 node_modules 中的，链接的包不会被预构建。使用此选项可强制预构建链接的包。
+      // keepNames: false, // 打包器有时需要重命名符号以避免冲突。 设置此项为 true 可以在函数和类上保留 name 属性。 若想获取更多详情，请参阅 keepNames
+    }
+  });
+};