最新消息:20190717 VPS服务器:Vultr新加坡,WordPress主题:大前端D8,统一介绍入口:关于

【已解决】js中fetch设置mode为no-cors出错:SyntaxError Unexpected end of input

JS crifan 1450浏览 0评论

折腾:

【已解决】reactjs中fetch调用接口出错:TypeError: Failed to fetch

期间,去尝试还是mode,值为no-cors:

    this.props.fetch(

      url,

      {

        method : "POST",

        mode: "no-cors",

        headers : {

          ‘Content-Type’: ‘application/json’

        },

        body: JSON.stringify(postJson)

      },

结果:

错误信息变成了:

message=SyntaxError: Unexpected end of input, data=undefined

去搜:

js fetch SyntaxError: Unexpected end of input

response.json() gives an error "unexpected end of input" if the data sent back from request is null. · Issue #268 · github/fetch

“Unexpected end of input” exception when using Fetch API with Chrome debugging enabled · Issue #6326 · facebook/react-native

javascript – redux fetch body is not use with no cors mode – Stack Overflow

好像应该改为:

mode: ‘cors’

改为:

mode: "cors”,

错误又回到之前的:

message=TypeError: Failed to fetch

javascript – fetch() unexpected end of input – Stack Overflow

javascript – Handle response – SyntaxError: Unexpected end of input when using mode: ‘no-cors’ – Stack Overflow

javascript – using of fetch API the unexpected end of input error occurr – Stack Overflow

javascript – SyntaxError: Unexpected end of input after .json() in fetch – Stack Overflow

javascript – Fetch POST Unexpected end of input Erorr – Stack Overflow

【总结】

此处js中,POST出错:

TypeError: Failed to fetch

才想到,试试mode的不同的值,看看是否能解决问题的。

结果加了:

mode: ‘no-cors’

后,出现了:

SyntaxError Unexpected end of input

原因是:

设置模式为no-cors后,服务器返回的是,所谓的opaque的值,导致无法返回的值js中无法正常解析。

解决办法是:

此处,不应该设置:

mode: "no-cors"

应该去掉。

或者改为:

mode: "cors"

而真正的CORS问题,不应该是此处(移动端的app中webview中的js)去解决的。

而应该是服务器端,去添加支持CORS,才能解决此处的

OPTIONS 403 问题

-》而导致的:

TypeError: Failed to fetch

的问题。

转载请注明:在路上 » 【已解决】js中fetch设置mode为no-cors出错:SyntaxError Unexpected end of input

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
64 queries in 0.097 seconds, using 18.87MB memory