javascript - 非常基本的 React + NodeJS 获取 : Why is my response not what I want?

标签 javascript node.js reactjs express

这是我在 react 端所做的:

  componentDidMount(){
    console.log('zzzzzzzzzzz')
    fetch('http://localhost:5000/z', {mode: 'no-cors'}).then(res=>{console.log(res)
    this.setState(res)})
  }

这是我用 NodeJS + Express 所做的:

app.get('/z', (req, res)=>{
  console.log('requested')
  res.send({msg: "YEEEEHAW"})
})

请求确实通过了,但这不是我想要的(在浏览器控制台中找不到“YEEEEHAW”):

Response {type: "opaque", url: "", redirected: false, status: 0, ok: false, …}
type: "opaque"
url: ""
redirected: false
status: 0
ok: false
statusText: ""
headers: Headers
__proto__: Headers
body: (...)
bodyUsed: false
__proto__: Response
type: (...)
url: (...)
redirected: (...)
status: (...)
ok: (...)
statusText: (...)
.......

我这里做错了什么?我该如何解决? (明确地说,我确实查看并展开了记录对象中的每个可扩展字段,所以我很确定我没有错过它)

最佳答案

要读取响应内容,可以使用res.json():

componentDidMount(){
    console.log('zzzzzzzzzzz')
    fetch('http://localhost:5000/z', {mode: 'no-cors'})
    .then(res=>res.json())
    .then(res=>{
        console.log(res)
        this.setState(res)
    })
  }

关于javascript - 非常基本的 React + NodeJS 获取 : Why is my response not what I want?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59524586/

相关文章:

javascript - Typescript 功能可将 HTML 音频静音

node.js - 接收错误: message: 'Calendar usage limits exceeded.' with new project with attendees in event object

reactjs - 在 Prop 中传递的数组显示为空

javascript - JS/React 的类似 ViewDidAppear 的方法?

javascript - 如何强制更新单页应用程序 (SPA) 页面?

javascript - 我正在寻找 javascript 或 jquery 中的智能工具提示弹出窗口

javascript - 如何将变量传递给闭包

javascript - 无法读取未定义的 "label"的属性

javascript - 读取 json 文件忽略自定义注释

php - 为什么在 laravel 中使用 npm?