You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React应用对接Guacamole登录时遭遇CORS跨域错误求助

React对接Guacamole登录时的CORS跨域问题

我正尝试在React.js Web应用中实现Guacamole登录功能,Guacamole服务器部署在Tomcat上,React应用运行于Node.js环境,二者分属不同域名。我已在服务器配置Nginx代理,但仍出现CORS跨域错误,相关代码如下:

const baseURL = 'http://myurl/api'; // 替换为你的Guacamole服务器地址
const username1 = username; // 替换为你的Guacamole用户名
const password1 = password; // 替换为你的Guacamole密码

// 定义认证接口
const authEndpoint = '/tokens';

// 生成基础认证请求头
const authHeader = {
  'Authorization': 'Basic ' + Buffer.from(`${username1}:${password1}`).toString('base64'),
};

// 步骤1:认证并获取令牌
axios.post(baseURL + authEndpoint, { headers: authHeader })
  .then(response => {
    const authToken = response.data.authToken;
    console.log('Authentication Token:', authToken);

    // 步骤2:使用认证令牌发起后续请求
    const headers = {
      'Authorization': `Bearer ${authToken}`,
    };

    // 定义后续请求的接口
    const apiEndpoint = '/session/data'; // 根据其他API需求修改

    console.log(apiEndpoint)

    axios.get(baseURL + apiEndpoint, { headers })
      .then(response => {
        console.log('Active Sessions:', response.data);
      })
      .catch(error => {
        console.error('Error:', error.message);
      });
  })
  .catch(error => {
    console.error('Authentication Error:', error.message);
  });

内容的提问来源于stack exchange,提问作者nishikant singh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 22:18:16