请求422,postman发送正常,可是浏览器接收不到数据

请求422,postman发送正常,可是浏览器接收不到数据



相关代码:


https://img1.sycdn.imooc.com//climg/639e82a3095ac9c614360489.jpg

相关代码:

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import "./i18n/config";
import store from "./redux/store";
import { Provider } from "react-redux";
import axios from "axios";
axios.defaults.headers["x-icode"] = "JF7434A026B75B511";
axios.defaults.baseURL = "http://123.56.149.216:8080";

ReactDOM.render(
  <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  </React.StrictMode>,
  document.getElementById("root") as HTMLElement
);

相关代码:

import axios from "axios";
import React, { useEffect, useState } from "react";
import { RouteComponentProps, useParams } from "react-router-dom";
interface MatchParams {
  touristRouteId: string;
}

export const DetailPage: React.FC<RouteComponentProps<MatchParams>> = () => {
  const { touristRouteId } = useParams<MatchParams>();
  const [loading, setLoading] = useState<boolean>(true);
  const [product, setProduct] = useState<any>(null);
  const [error, setError] = useState<string | null>(null);
  useEffect(() => {
    const fetchData = async () => {
      setLoading(true);
      const { data } = await axios.get(`api/touristRoutes/${touristRouteId}`);
      console.log(data);
      setProduct(data);
      setLoading(false);
    };
    fetchData();
  }, [touristRouteId]);

  return <div>旅游路线ID:{touristRouteId}</div>;
};

相关代码:

import React from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import styles from "./App.module.css";
import {
  DetailPage,
  HomePage,
  NotFoundPage,
  RegisterPage,
  SigninPage,
} from "./pages";
function App() {
  return (
    <div className={styles.App}>
      <BrowserRouter>
        <Switch>
          <Route exact path={"/"} component={HomePage}></Route>
          <Route path={"/SignIn"} component={SigninPage}></Route>
          <Route path={"/register"} component={RegisterPage}></Route>
          <Route
            path={"/detail/:touristRouteId"}
            component={DetailPage}
          ></Route>
          <Route component={NotFoundPage}></Route>
        </Switch>
      </BrowserRouter>
    </div>
  );
}

export default App;


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
卡布琦诺 2022-12-18 14:27:36

同学你好,如果postman发送成功,api会返回204 no content,同学请检查一下你的postman返回的是不是204 no content,按照同学的描述,报错422,猜测是请求数据结构错误,请同学再检查一下请求数据是否使用json格式。如下图所示:

https://img1.sycdn.imooc.com//climg/639eb2940978e19c20460928.jpg

祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师