feat: 环境配置

Author: rictt

.env.development

@@ -0,0 +1,2 @@
+VITE_APP_WS_URL='ws://localhost:3333'
+VITE_APP_API_URL='/api'

.env.production

@@ -0,0 +1,4 @@
+ENV=production
+
+VITE_APP_WS_URL='ws://43.153.50.34:3333'
+VITE_APP_API_URL='http://43.153.50.34:8999'

src/DrawPanel.vue

@@ -67,7 +67,10 @@ const onClickSend = () => {
   sendPrompt()
 }
 
-const onKeyDown = useDebounceFn((event: Event) => {
+const onKeyDown = useDebounceFn((event: KeyboardEvent) => {
+  if (event.ctrlKey || event.metaKey || event.shiftKey) {
+    return;
+  }
   event.stopPropagation()
   event.preventDefault()
   sendPrompt()

src/utils/axios.ts

@@ -3,12 +3,9 @@ import Toast from '../components/Toast/index'
 import { tokenStorage, userStorage } from '@/utils/storage'
 import { showLoginModal } from '@/utils/index';
 
-// export const host = "http://localhost:8999";
-// export const host = "/api";
-export const host = "http://43.153.50.34:8999";
+export const host = import.meta.env.VITE_APP_API_URL;
 
 export const $http = axios.create({
-  // baseURL: host + '/api'
   baseURL: host
 });
 

src/utils/websocket.ts

@@ -36,8 +36,7 @@ export const createWebsocket = (ops?: CreateWsOptions) => {
     }
   }
 
-  const ws = wsInstance = new WebSocket(`ws://43.153.50.34:3333`)
-  // const ws = wsInstance = new WebSocket(`ws://localhost:3333`);
+  const ws = wsInstance = new WebSocket(import.meta.env.VITE_APP_WS_URL);
   ws.addEventListener('open', (event) => {
     ws.send(JSON.stringify({
       event: 'init'