无法使用提取功能从服务器获取相关数据

时间:2018-06-28 12:41:20

标签: javascript node.js reactjs

我有一个nodejs服务器,为dictionary-info提供关键字。举个例子,如果我输入“ expensive”,当我转到URL http://localhost:7000/expensive时,将显示JSON形式的文本。 {“名称”:“昂贵”,“含义”:“花费很多钱”,“示例”:[“一瓶昂贵的葡萄酒”,“养一匹马很昂贵”]}。这在Postman中也适用。

我有一个单独的前端项目,该项目必须调用上面的URL http://localhost:7000/ {keyword},以便在转到http://localhost:3000时获得JSON。但是,我被卡住了。以下是代码。请让我知道我错了(Chrome控制台中没有出现任何错误,但是也没有JSON文本):

 fetch(url, {
          mode: 'no-cors',
           // regular fetch option
           method: 'GET',

           // add reply for this fetch
           replyWith: {
               status: 200,
               body: 'Dictionary app',
               headers: {
                   'Content-Type': 'text/json'
               }
           }})
      //.then((resp) => resp.json())
      .then(function(res){
          console.log(res.text());

          //return res.text;
       })
      .catch(( error) => { console.log('error')});

1 个答案:

答案 0 :(得分:0)

replyWith功能用于模拟响应。如果您想获得正当的回应,请尝试以下操作:

let req = 'Dictionary app';
let resp;
fetch(url, {
  method: 'POST',
  body: req,
  headers:{
    'Content-Type': 'text/plain' //Be careful this is format for what you are sending not what you are receiving
  }
}).then((res) => res.json())
.then((data) => {resp = data;}) //Store the data
.catch((error) => {console.error('Error:', error)})