用fetchcall内的％20替换“”

Question

我知道如何用％20替换“”（空格）的问题已在SO上提出，但我需要知道可以在哪里实现-我正在使用React Native前端和NodeJS（ExpressJS）作为后端连接到PostgreSQL DB。

是否可以使用bodyparser urlencoded实现这一目标？我只需要1或2个查询中的所有内容就可以了。

我的前端部分：（在componentDidMount上调用）

  getData("username")
  .then(data => data)
  .then(value => {
    this.setState({username: value})
  fetch(`http://xxx.xxx.xx.xx:6969/api/hours/unlock/'${value}'`)    // replace " " mit %20 ?!?!?! 
  .then(res => res.json())
  .then(result => {
    console.log("** UuNamMe **" + this.state.username)
    console.log("Res from  UnlockTabelle : " + result)
    console.log("Res from  UnlockTabelle[0] : " + result[0])
  })
  .catch(err => console.log("ErrorLog: @unlock : " + err))
  })
  .catch(err => console.log(err))
我的后端部分：

  static unlockUser(username, callback) {
    db.query(`SELECT * FROM unlock WHERE name = '${username}'`, (err, res) => {
      if (err.error) {
        callback(err);
      }
      callback(res);
    });
  }

  static lockUser(username, callback) {
    db.query(`DELETE FROM unlock WHERE name = '${username}'`, (err, res) => {
      if (err.error) {
        callback(err);
      }
      callback(res);
    });
  } 
router.get("/unlock/:username", (req,res) => {
  const username = req.params.username
  Hours.unlockUser(username, (err, result) => {
    if(err) {
      return res.json(err)
    }
    return res.json(result)
  })
})

router.delete("/lock/:username" , (req, res) => {
  const username = req.params.username
  Hours.lockUser(username, (err, result) => {
    if(err) {
      return res.json(err)
    }
    return res.json(result)
  })
})
如果我想将URL编码为用％20替换“”，在哪里发生？在我的bodyparser后端或前端（如果有的话）会是什么样子？ 

我知道在SO上已经问过有关如何用％20替换“”（空格）的问题，但我需要知道在哪里可以实现它-我使用React Native作为前端，并使用NodeJS（ExpressJS）作为我的前端...

Answer 1

您可以在前端使用encodeURIComponent：

fetch(`http://xxx.xxx.xx.xx:6969/api/hours/unlock/'${encodeURIComponent(value)}'`)

Answer 2

或者，您可以将相关的headers添加到如下的fetch语句中，

Answer 3

[好吧，我刚刚注意到，如果我从' '中删除'${value}'，它实际上可以工作-检查空格并替换它们还是更好，因为这似乎是自动发生的。