前端美化

InfoGenie-frontend/public/aimodelapp/AI生成表情包/env.js

@@ -0,0 +1,26 @@
+// 环境配置文件
+// 此文件定义了AI应用的基本配置
+
+// API配置
+window.API_CONFIG = {
+    baseUrl: 'http://127.0.0.1:5002',
+    endpoints: {
+        expressionMaker: '/api/aimodelapp/expression-maker'
+    }
+};
+
+// 认证配置
+window.AUTH_CONFIG = {
+    tokenKey: 'token',
+    getToken: () => localStorage.getItem('token'),
+    isAuthenticated: () => !!localStorage.getItem('token')
+};
+
+// 应用配置
+window.APP_CONFIG = {
+    name: 'InfoGenie AI工具',
+    version: '1.0.0',
+    debug: false
+};
+
+console.log('环境配置已加载');

InfoGenie-frontend/public/aimodelapp/AI生成表情包/script.js

@@ -11,10 +11,18 @@ const expressionsContainer = document.getElementById('expressions');
 // 调用后端API
 async function callBackendAPI(text, style) {
     try {
-        const response = await fetch('http://127.0.0.1:5002/api/aimodelapp/expression-maker', {
+        // 获取JWT token
+        const token = localStorage.getItem('token');
+        
+        if (!token) {
+            throw new Error('未登录，请先登录后使用AI功能');
+        }
+        
+        const response = await fetch(`${API_CONFIG.baseUrl}${API_CONFIG.endpoints.expressionMaker}`, {
             method: 'POST',
             headers: {
-                'Content-Type': 'application/json'
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${token}`
             },
             body: JSON.stringify({
                 text: text,
@@ -23,6 +31,9 @@ async function callBackendAPI(text, style) {
         });
 
         if (!response.ok) {
+            if (response.status === 402) {
+                throw new Error('您的萌芽币余额不足，无法使用此功能');
+            }
             const errorData = await response.json();
             throw new Error(errorData.error || `API请求失败: ${response.status} ${response.statusText}`);
         }
@@ -198,7 +209,12 @@ async function generateExpressions() {
         displayExpressions(expressions);
     } catch (error) {
         console.error('生成表情失败:', error);
-        showErrorMessage(`生成失败: ${error.message}`);
+        // 检查是否是萌芽币不足导致的错误
+        if (error.message && error.message.includes('萌芽币余额不足')) {
+            showErrorMessage(`萌芽币不足: 每次使用AI功能需要消耗100萌芽币，请通过每日签到获取更多萌芽币`);
+        } else {
+            showErrorMessage(`生成失败: ${error.message}`);
+        }
     } finally {
         showLoading(false);
     }