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
相关产品推荐
相关产品推荐

