当本地 PHP 和 React TSX 应用出现CORS(跨源资源共享)策略错误时,可以尝试以下解决方法。
上述代码中,http://localhost:3000
是 React 应用的地址,根据实际情况进行修改。
package.json
文件中添加以下配置,通过代理将请求发送到本地的 PHP 服务器:{
"proxy": "http://localhost:8000"
}
上述代码中,http://localhost:8000
是本地 PHP 服务器的地址,根据实际情况进行修改。
mode
为 cors
,示例如下:fetch('http://localhost:8000/api/data', {
method: 'GET',
mode: 'cors',
headers: {
'Content-Type': 'application/json'
}
})
.then(response => response.json())
.then(data => {
// 处理返回的数据
})
.catch(error => {
// 处理错误
});
上述代码中,http://localhost:8000/api/data
是 PHP 服务器的接口地址,根据实际情况进行修改。
通过以上方法,可以解决本地 PHP 和 React TSX 应用出现的 CORS 策略错误。