请求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 星