Question

所以我尝试使用

发出请求

import React, {useState} from 'react';

const CommentForm = (props) => {

const [inputHandler, setInputHandler] = useState();
const [nameHandler, setNameHandler] = useState();

const URL_COMMENT = `https://damp-sierra-44032.herokuapp.com/API/${props.postID}/comment`

const submitValue = async (e) => {
   const data = {name: nameHandler, comment: inputHandler}
   await postComment(data);
   window.location.reload()
}

async function postComment(data) {
    await fetch(URL_COMMENT, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json'
      },
      body: JSON.stringify(data)
    });
  }


return (
    <div>
        <form>
        <input type="text" name="name" placeholder="Name..." value={nameHandler} onChange={e => setNameHandler(e.target.value)} required></input>
        <input type="text" name="comment"placeholder={"Write comment here..."} value={inputHandler} onChange={e => setInputHandler(e.target.value)} required></input>
        <button type="submit" onClick={submitValue}>Submit</button>
        </form>
    </div>
)
}

export default CommentForm

从我的React应用程序转到heroku，当我单击“提交”按钮时，heroku日志显示

heroku log

，但是当我尝试从本地运行的应用程序（localhost：8000）请求时，它可以正常工作并成功创建新注释。我想知道怎么了？

提取POST在heroku上不起作用，但在本地工作

0 个答案: