时间戳

首页 > 解决方案 > 在 reactJS 中调用 fetch 时需要修改 onClick 函数中的 URL

javascript - 在 reactJS 中调用 fetch 时需要修改 onClick 函数中的 URL

问题描述

我是 reactJS 的新手。下面的代码片段是在点击事件上调用 URL。但是触发的 URL 是 baseURI。

我怎样才能截断或重置它？

handleClick = (event) => {

 console.log("Got the row " + event );

 alert('The link was clicked.'+ event);
    fetch("www.google.com")
    .then(res => {
      console.log("Got the result "+   res.json());
    }
  );

};

触发的 URL 是

回复：

 {type: "basic", url: "http://localhost:3000/www.google.com", redirected: false, 
   status: 200, ok: true, …}
   (...)

  statusText: "OK"
  type: "basic"
  url: "http://localhost:3000/www.google.com"

我需要在此 handleClick 事件中触发多个调用，然后如果成功使用最终 URL 和会话密钥打开一个新选项卡。上面的代码只是检查调用是否正常工作的开始。

我应该如何截断“ http://localhost:3000 ”？

标签： javascriptnode.jsreactjs

解决方案

只需传递 fetch 选项：

fetch(URL, {
  mode: 'cors',
  headers: {
    'Access-Control-Allow-Origin':'*'
  }
})

推荐阅读