タイトルだと分かりづらいという方が多いと思いますので説明します。
const [article, setArticle] = useState([]);
const params = useParams().id;
useEffect(() => {
axios.get(`/api/article/${params}`).then((response) => {
setArticle(response.data.article);
});
}, [params]);
http://localhost/abc にアクセスしたとすると、params
にはabcが入り、paramsをもとにgetでabcと紐付いた記事のデータを取得しています。
実際に正常に動作はしていますが、この場合abcというidは http://localhost/abc にアクセスした時点でサーバー側で取得できるにも関わらず、上記のように実装するのは冗長でしょうか。
パラメータのidなどをもとに記事を表示しるような形態のwebサイトでは一般的にどのような手法が用いられているのか教えていただきたいです。
またセキュリティーやパフォーマンスの面でご指摘いただけると幸いです。
/api/article/${params}へのアクセスはnginxのプロキシでnodejs/expressのバックエンドサーバーに転送しています。