1  # Node.js ≥ 20
2  # npm ≥ 10
3例如：
4  # node -v   # v20.18.3
5  # npm -v    # 10.8.2

1# Step 1: 访问Node.js官网：https://nodejs.org/,点击下载后，会根据你的系统自动选择合适的版本（32位或64位）。
2# Step 2: 运行安装程序：下载完成后，双击运行安装程序。
3# Step 3: 完成安装：按照安装向导完成安装过程。
4# Step 4: 验证安装：在命令提示符（cmd）或IDE终端（terminal）中输入node -v和npm -v来检查Node.js和npm是否正确安装。

1# Step 1:方法一（推荐使用，更简单）：使用官网安装程序：访问Node.js官网:https://nodejs.org/。下载macOS的.pkg安装包。打开下载的.pkg文件，按照提示完成安装。 
2         方法二：使用Homebrew安装（推荐方法）：
3          先安装Homebrew：打开终端，在终端中输入命令行：
4          /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" 
5          然后在终端中输入命令行：brew install node 并回车。
6# Step 2: 验证安装：在命令提示符（cmd）或IDE终端（terminal）中输入node -v和npm -v来检查Node.js和npm是否正确安装。

1# Step 1: 下载代码包
2# Step 2: 解压代码包
3# Step 3: 用IDE打开代码包，进入代码目录
4# Step 4: IDE终端输入命令行，安装依赖：npm i
5# Step 5: IDE终端输入命令行，启动开发服务器：npm run dev -- --host 127.0.0.1
6# Step 6: 若step5执行失败，可尝试指令：npx vite --host 127.0.0.1

1server: {
2    watch: {
3      ignored: ['**/{node_modules,.git,dist,logs,temp}/**'],
4      usePolling: true,
5      interval: 300,
6    },
7    port: 3000,
8    open: false,
9    // 添加代理配置解决跨域问题
10    proxy: {
11      '/baidu-api': {
12        target: 'https://aip.baidubce.com',// 百度翻译官方服务地址
13        changeOrigin: true,
14        secure: true,
15        rewrite: (path) => path.replace(/^\/baidu-api/, ''),
16        configure: (proxy, options) => {
17          proxy.on('error', (err, req, res) => {
18            console.log('代理错误:', err);
19          });
20          proxy.on('proxyReq', (proxyReq, req, res) => {
21            console.log('发送请求到目标服务器:', req.method, req.url);
22          });
23          proxy.on('proxyRes', (proxyRes, req, res) => {
24            console.log('从目标服务器收到响应:', proxyRes.statusCode, req.url);
25          });
26        },
27      }
28    }
29  }

1const API_BASE_URL = "/baidu-api"  // 使用Vite代理

1apiClient.post(`/rpc/2.0/mt/texttrans/v1`, data),

1headers: {
2// 其他已有配置...
3"Authorization": "Bearer {{您的密钥}}",  // 替换为实际获取的密钥
4}

1{
2    "result": {
3        "from": "en",
4        "trans_result": [
5            {
6                "dst": "你好",
7                "src": "hello"
8            }
9        ],
10        "to": "zh"
11    },
12    "log_id": 1958504271984380674
13}

1{
2    "data": {
3        "trans_result": [
4            {
5                "dst": "你好",
6                "src": "hello"
7            }
8        ],
9        "from": "en",
10        "to": "zh"
11    },
12    "status": 0,
13    "msg": ""
14}

1try {
2      const response = await api.translate({
3        q: sourceText,
4        from: sourceLang,
5        to: targetLang,
6      });
7
8      if (response.status === 0 && response.data?.trans_result) {
9        const result = response.data.trans_result
10          .map((item: any) => item.dst)
11          .join('\n');
12        setTranslatedText(result);
13      } else if (response.status === 999) {
14        setError(response.msg || '翻译失败，请重试');
15      } else {
16        setError('翻译失败，请重试');
17      }
18    } catch (err: any) {
19      console.error('Translation error:', err);
20      if (err.response?.data?.status === 999) {
21        setError(err.response.data.msg || '翻译失败，请重试');
22      } else {
23        setError('网络错误，请检查网络连接后重试');
24      }
25    } finally {
26      setLoading(false);
27    }

1try {
2      const response = await api.translate({
3        q: sourceText,
4        from: sourceLang,
5        to: targetLang,
6      });
7
8      if (response.result?.trans_result) {
9        // 存在翻译结果时处理
10        const result = response.result.trans_result
11          .map((item: any) => item.dst)
12          .join('\n');
13        setTranslatedText(result);
14      } else {
15        // 没有翻译结果时显示错误
16        setError('翻译失败，请重试');
17      }
18    } catch (err: any) {
19      console.error('Translation error:', err);
20        setError('翻译失败，请重试');
21    } finally {
22      setLoading(false);
23    }