服务器响应404-POST请求

Question

我希望创建一个Web应用程序，将用户输入保存到数据库中。 我在界面上使用Java和React，但始终收到404错误。

我有以下脚本：

反应：

addCreditCard(event) {
var that = this;
event.preventDefault();
let card_data = {
    cardholder : this.refs.cardholder.value,
    cardnumber : this.refs.cardnumber.value,
    card_identifier : (this.refs.cardnumber.value).substr(15),
    expiration : this.refs.expiration.value,
    cvc : this.refs.cvc.value
};
console.log('Ez itt: ' + JSON.stringify(card_data))
const request = {
  method: 'post',
  headers: {
    'Accept': 'application/json, text/plain, */*',
    'Content-Type': 'application/json'
  },
     body: JSON.stringify(card_data)

}
let creditcards = that.state.creditcards;
      creditcards.push(card_data);
        that.setState({
         creditcards : creditcards
})

console.log(creditcards)

fetch('/api/new-card', request)
.then(response => {
    if (response.ok) {
         return response.json();
       } else {
          throw new Error('Something went wrong ...');
       }
     })
       .then(data => this.setState({ creditcards: data.creditcards }))
       .catch(error => this.setState({ error }))
       }

爪哇

@Path("")
@Produces(ExtendedMediaType.APPLICATION_JSON_UTF8)
@Consumes(ExtendedMediaType.APPLICATION_JSON_UTF8)
public class CreditCardRest {

/**
 * Injected configurationDao.
 */
@Inject
@Named(SessionFactoryProducer.SQL_SESSION_FACTORY)
private CardDAO cardDAO;

@RequestMapping(value = "/new-card", method = RequestMethod.POST)
@Transactional
public Response.ResponseBuilder saveCreditCardData(@PathParam("cardholder") final String cardholder,
        @PathParam("cardnumber") final Integer cardnumber,
        @PathParam("expiration") final String expiration,
        @PathParam("cvc") final Integer cvc,
        @PathParam("card_identifier") final Integer card_identifier,
        @Context HttpServletResponse servletResponse) throws Exception {

    Reader reader = Resources.getResourceAsReader("mybatis-card-service.xml");
    SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(reader);
    SqlSession session = sqlSessionFactory.openSession();

    //Create a credit card object
    cardDAO.saveCreditCardData(cardholder, cardnumber, expiration, cvc, card_identifier);

    System.out.println("record inserted successfully");
    session.commit();
    session.close();

    return Response.status(200);
   }
  }

JS代码有效，问题出在Java类和Ract之间的连接上……很抱歉，但我无法弄清楚……当然，这只是整个代码的一部分，但我希望是对于已经一见钟情的人可能显而易见...非常感谢！

谢谢...

Answer 1

没有/api路径。 到/new-card端点的路径是/new-card因为在class级别没有根路径。

@Path("/api")
@Produces(ExtendedMediaType.APPLICATION_JSON_UTF8)
@Consumes(ExtendedMediaType.APPLICATION_JSON_UTF8)
public class CreditCardRest {

}