url 反向代理仅查询第一个 url 参数

Question

我正在构建一个 React 应用程序，它将工作数据显示为来自 github 个职位 api https://jobs.github.com/api just like this app https://jobs.bhanuteja.dev/ 的卡片。 为了从 github api 获取数据，因为启用了 CORS，我不得不使用反向代理。问题是我添加了反向代理的url只查询了第一个url参数而没有继续到第二个

不查询位置

https://api.allorigins.win/raw?url=https://jobs.github.com/positions.json?search=react&location=new+york

正常url无代理查询位置

https://jobs.github.com/positions.json?search=react&location=new+york

我该怎么做才能改变这个？

Answer 1

只需按照 allorigins.win API 的文档和示例并使用 encodeURIComponent()

const giturl ='https://jobs.github.com/positions.json?search=react&location=new+york';

fetch(`https://api.allorigins.win/get?url=${encodeURIComponent(giturl)}`)
  .then(res => res.json())
  .then(data => {
    const jobs = JSON.parse(data.contents)
               .map(({location,company }) => ({company,location}))

    console.log(jobs)

  });