簡體   English   中英

為什么我在與節點反應時對此得到404

[英]Why am I getting a 404 on this in react with node

我試圖通過這樣的ajax請求將插入表單的數據發送到服務器:

 handleUserSubmit: function(user) {
   var users = this.state.data;
   user.id = Date.now();
   var newUsers = users.concat([user]);
   this.setState({data: newUsers});
   $.ajax({
     url: this.props.url,
     dataType: 'json',
     type: 'POST',
     data: user,
     success: function(data) {
       this.setState({data: data});
     }.bind(this),
     error: function(xhr, status, err) {
       this.setState({data: users});
       console.error(this.props.url, status, err.toString());
     }.bind(this)
   });
 },

渲染過程如下:

ReactDOM.render(
  <UserBox url="../users" pollInterval={2000} />,
  document.getElementById('data')
);

我收到此奇怪的控制台錯誤:

POST http://localhost:3000/users 404 (Not Found)

由於“用戶”文件(假設它正在嘗試訪問users.json文件位於上一級目錄中)。 我嘗試了所有可能的變體:“ ./ users”,“ ../ users”,“#/ users”等...

此行的代碼錯誤:

url: this.props.url,

在上面給出的代碼中。 知道發生了什么嗎?

我的node.js代碼是:

app.post('/users', function(req, res) {
  fs.readFile(USERDATA, function(err, data) {
    if (err) {
      console.error(err);
      process.exit(1);
    }
    var users = JSON.parse(data);
    var newUser = {
      id: Date.now(),
      firstname: req.body.firstname,
      lastname: req.body.lastname,
      address: req.body.address,
      phonenumber: req.body.phonenumber,
      email: req.body.email,
      licensestate: req.body.licensestate,
      licensenum: req.body.licensenum
    };
    console.log(newUser)
    users.push(newUser);
    fs.writeFile(USERDATA, JSON.stringify(users, null, 10),              

function(err) {
      if (err) {
        console.error(err);
        process.exit(1);
      }
      res.json(users);
        });
      });
     }); 

更新服務器后刷新狀態

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM