Json-server 使用 React js 和 Redux 响应错误 404 not found Post Method

Posted 2023-03-27

【中文标题】Json-server 使用 React js 和 Redux 响应错误 404 not found Post Method

【英文标题】：Json-server responds Error 404 not found Post Method using React js and Redux

【发布时间】：2021-03-17 03:30:48

【问题描述】：

我在我的 xhr 网络选项卡中收到一条错误消息，提示“无法发布 /streams”，我想使用 axios 发出发布请求，并且我已经设置了“json-server”，我已经添加了 db.json 文件并编辑了脚本标记到

"scripts": "start": "json-server -p 3001 -w db.json",

我正在调度一个动作，在那个动作中我写了 post 方法

export const add_Stream = (formValues) => async (dispatch) => 
 Streams.post("/streams", formValues);
;

这是我的 db.json 文件数据

    "streams":[]

我已经创建了基本网址

import axios from "axios";

export default axios.create(
  baseUrl: "http://localhost:3001",
);

【参考方案1】：

我认为这是因为您的 axios baseUrl 参数。 尝试这个。 导出默认 axios.create( baseURL：“本地主机：3001”， );

【讨论】：

首先我尝试添加 export default axios.create( baseURL: "localhost:3001", ) 它给了我错误 '(failed)net::ERR_FAILED，并替换为 export default axios.create ( baseURL: "localhost:3001", );它奏效了。

也许问题只是错误的键。 axios.create( baseURL: "localhost:3001", );你可以试试这个吗？

我的代码中的错误是 'baseUrl' 而应该是 baseURL。

只有添加export default axios.create( baseURL: "http://localhost:3001", );才有效

实际上在此评论中我是这样写的，但评论已更改：D。我希望我有所帮助。至少问题解决了。