chore(env): 支持环境多变量配置

---------

Co-authored-by: edram <[email protected]>

Author: Evansy

.env

@@ -0,0 +1,2 @@
+VITE_API_PREFIX=https://api.mallchat.cn
+VITE_WS_URL=wss://api.mallchat.cn/websocket

.env.production

@@ -0,0 +1,2 @@
+VITE_API_PREFIX=https://api.mallchat.cn
+VITE_WS_URL=wss://api.mallchat.cn/websocket

src/components.d.ts

@@ -35,6 +35,7 @@ declare module '@vue/runtime-core' {
     IEpLock: typeof import('~icons/ep/lock')['default']
     IEpMale: typeof import('~icons/ep/male')['default']
     IEpSuccessFilled: typeof import('~icons/ep/success-filled')['default']
+    LikeButton: typeof import('./components/LikeButton/index.vue')['default']
     LoginBox: typeof import('./components/LoginBox/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']

src/env.d.ts

@@ -1 +1,8 @@
 /// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+  /** API 前缀 */
+  readonly VITE_API_PREFIX: string
+  /** WS 地址 */
+  readonly VITE_WS_URL: string
+}

src/services/urls.ts

@@ -1,4 +1,4 @@
-const prefix = import.meta.env.PROD ? 'https://api.mallchat.cn' : ''
+const prefix = import.meta.env.VITE_API_PREFIX
 export default {
   getGroupUserList: `${prefix}/capi/chat/public/member/page`,
   getMemberStatistic: `${prefix}/capi/chat/public/member/statistic`,

src/utils/initWorker.ts

@@ -1 +1 @@
-export const worker: Worker = new Worker(new URL('./worker.ts', import.meta.url))
+export const worker: Worker = new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' })

src/utils/worker.ts

@@ -93,7 +93,7 @@ const initConnection = () => {
   connection?.removeEventListener('close', onConnectClose)
   connection?.removeEventListener('error', onConnectError)
   // 建立链接
-  connection = new WebSocket('wss://api.mallchat.cn/websocket')
+  connection = new WebSocket(import.meta.env.VITE_WS_URL)
   // 收到消息
   connection.addEventListener('message', onConnectMsg)
   // 建立链接