为什么由于 NodeJs 中的 cors 策略而拒绝访问 XMLHttpRequest答案

【问题标题】：Why am i getting Access to XMLHttpRequest denied due to cors policy in NodeJs为什么由于 NodeJs 中的 cors 策略而拒绝访问 XMLHttpRequest
【发布时间】：2021-08-05 07:21:25
【问题描述】：

我使用 reactjs 作为前端和 nodejs 作为后端。我已经将数据从前端发布到后端并将其保存在数据库中。但是，当我尝试使用 axios 在前端获取数据时，它给了我“访问 XMLHttpRequest 在”链接“在 cors 策略期间被拒绝”。我已经安装了 cors 并将其用作

app.use(cors())
app.use('/api/room', route) //using route

我的前端：

useEffect(()=>{
const getData=()=>{
const data= await axios.get('http://localhost:8000/api/room')  //access denied error
}
getData()
})

我的后台

route.get('/', async(req, res)=>{
    const product= await Roomdata.find({})
    res.json({message: product})
})

"http://localhost:8000/api/room" api 的工作原理是当我在单独的选项卡中使用它时，它会为我提供 json 数据。我的 api 运行在 8000 端口，前端运行在 3000 端口

【问题讨论】：

标签： node.js reactjs cors

【解决方案1】：

您是否尝试过为您的 react 应用设置 cors 原点？

【讨论】：