我正在尝试使用fetch()
将React表单数据发布到我的Rails API,但我在chrome dev tools的Network选项卡中的错误返回:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Error</title>
</head>
<body>
<pre>Cannot POST /undefined/cars</pre>
</body>
</html>
控制台中的错误声明了"Unexpected '<'“,这表明我的响应是以HTML而不是JSON的形式发送的,但是我不确定为什么它不能转换。
下面是我的fetch请求:
export const createCar = car => {
return dispatch => {
return fetch(`${API_URL}/cars`, {
method: "POST",
headers: {
'Content-type': 'application/json'
},
body: JSON.stringify({ car: car })
})
.then(response => response.json())
.then(car => {
dispatch(addCar(car))
dispatch(resetCarForm())
})
.catch(error => console.log(error + 'createCar POST failed'))
}
}
有没有人能帮我一下?谢谢。
发布于 2019-02-11 20:15:45
我想通了。我必须运行npm i dotenv
,然后在根目录中添加一个.env
文件,并添加以下内容:
REACT_APP_API_URL=http://localhost:3001/
https://stackoverflow.com/questions/54637846
复制