javascript - 获取 POST 不在 heroku 上工作，但在本地工作

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日志

但是当我尝试从本地运行的应用程序（localhost：8000）请求时，它工作得很好并成功地创建了新评论。我想知道怎么了？

标签： javascriptreactjsheroku