React嵌入PHP页面无法获取Session问题及解决办法

问题背景 #

我在已经用Session存储userid的PHP页面里嵌入了React应用，Session是通过常规的.php登录页设置好的，但React调用需要访问Session的API时，发现Session完全没生效。一开始我也疑惑是不是React处于独立环境，是不是必须改用Token验证？

已验证的解决方案 #

其实根本不用切换到Token！问题的核心是：React发起的API请求默认不会携带Cookie，而PHP Session正是靠Cookie里的Session ID来识别用户的。

只需要在你的请求配置里加上credentials: 'same-origin'，就能让请求自动带上当前域名下的Cookie（包括Session ID对应的Cookie），后端PHP就能正常读取到Session了。

不同请求库的示例代码 #

• Axios 请求示例：

axios.get('/api/your-target-endpoint', {
  credentials: 'same-origin'
})
.then(res => {
  // 处理返回的数据
})
.catch(err => {
  // 处理请求错误
});

• 原生 Fetch API 示例：

fetch('/api/your-target-endpoint', {
  credentials: 'same-origin'
})
.then(res => res.json())
.then(data => {
  // 处理返回的JSON数据
})
.catch(err => console.error('请求出错:', err));

额外说明 #

same-origin的作用是只在同源请求中携带凭证，既保证了安全，又能满足Session正常工作的需求。如果你的API和React应用是跨域部署的，也可以换成credentials: 'include'，但要记得后端PHP的CORS配置必须允许携带凭证（比如设置Access-Control-Allow-Credentials: true）。

内容的提问来源于stack exchange，提问作者Christian Moen