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

相关代码:
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;12
收起
正在回答 回答被采纳积分+1
1回答

恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星