在React中的Click上发布数据

Question

当我点击链接时，我正试图将数据从React发布到我的路由器，然后获取数据并将其保存到我的CCD_ 2中。

但当我点击链接时，它成功地触发了我的function，但随后它给了我一个错误。

这是我尝试过的：有人知道怎么了吗？

反应：

import React, { Component } from 'react';
import axios from "axios";
export default class AddYourAccomodation extends Component {
house = event => {
event.preventDefault();
const house = 'house'
axios
.post('/authentication/house', {
accomcate: house,
})
.then(console.log("Posted succesfully"))
.catch(error => console.log(error))
}
render() {
return(
<div>
<div class="card-group ">
<div class="card text-white bg-primary mb-3" id="max-width"> 
<a href="" onClick={this.house}>
<div class="card-header text-white"><span className="glyphicon glyphicon-home"></span>  Home</div>
<div class="card-body">
<p class="card-text text-white">Places like Villa, Castle, Chalet etc.</p>
</div>
</a>
</div>
</div>
</div>    
)
}
}

Answer 1

问题是在我的路由器中获取了错误的URL。

错误：

app.post('house', (req, res) => {
})

固定：

app.post('/house', (req, res) => {
})