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

 <!--
 <!--
  * @Date: 2025-03-20 19:53:12
  * @Date: 2025-03-20 19:53:12
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @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: 文件描述
  * @Description: 文件描述
 -->
 -->
 <script setup>
 <script setup>
 import { RouterView } from "vue-router";
 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();
 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 { createApp } from 'vue'
 import './style.css'
 import './style.css'
 import App from './App.vue'
 import App from './App.vue'
 import router from './router'
 import router from './router'
+import axios from '@/utils/axios';
 
 
 import 'vant/lib/index.css'
 import 'vant/lib/index.css'
 
 
 const app = createApp(App)
 const app = createApp(App)
+// 屏蔽警告信息
+app.config.warnHandler = () => null;
+
+app.config.globalProperties.$http = axios; // 关键语句
 app.use(router)
 app.use(router)
 app.mount('#app')
 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