使用 Express 反应原生 JSON API 网络

Question

我正在尝试使用 Express 服务器/PostgreSQL 数据库创建 React Native 应用程序。我的一个组件中有以下获取请求

componentDidMount() {
    fetch('/users')
    .then(response => response.json())
    .then(data => {
    this.setState({
        users: true
      })
    })
   }

“/users”端点在我的服务器文件中定义为：

app.get('/users', (request, response) => {
   Users.all().then(users => {
   const templateData = {};
   templateData.data = users;
   response.json(templateData);
  })
});

服务器正在监听 4567 端口

在 package.json 中，我有一个这样的代理设置：

"proxy": "http://localhost:5000/",

我的问题是，当调用 componentDidMount 时，我不断收到“网络请求失败”错误。关于如何让我的服务器与我的组件通信的任何想法？谢谢！

Answer 1

我以前没有使用过“代理”，但您的第一个问题是您的 URL 路径包含错误的端口。如果您的服务器正在侦听端口 4567，则您的 URL 路径应为“http://localhost:4567”。

我建议您使用这个完整的 URL 发出您的 fetch 请求，而不仅仅是 /users 路径。 例如/

fetch('http://localhost:4567/users')
.then(response => response.json())
.then(data => {
this.setState({
users: true
})