我试图获取特定的博客根据鼻涕虫，但我得到了一个Axios错误404找不到。我真的很感激，如果任何人可以帮助。

import React, { useState, useEffect } from "react";
import { Link, useParams } from "react-router-dom";
import axios from "axios";

const data = "https://bulkaccounts.com/api/blogs";
function Singleblog() {
  const { slug } = useParams();
  const [blog, setBlog] = useState({});
  const [isloading, setIsLoading] = useState(false);
  const [error, setError] = useState(null);
  const [items, setItems] = useState(null);

  useEffect(() => {
    const fetchBlogBySlug = async () => {
      setIsLoading(true);

      try {
        const res = await axios.get(`http://localhost:3000/blog/${slug}`);
        console.log({ res });
        if (res?.data?.data) {
          setBlog(res.data.data);
        } else {
          setError("Blog not found.");
        }
      } catch (error) {
        console.log(error);
        setError("Blog not found.");
      }

      setIsLoading(false);
    };

    fetchBlogBySlug();
  }, [slug]);

  let showData = "";
   showData = (
    <>
       <div className="blog">
        {data &&
          data.datas.data.map((item) => {
             return (
              <>
                <div className="flex-container">
                   <div className="card">hello</div>
                 </div>
              </>
             );
           })}
       </div>
     </>
   );

  return (
    <>
 {showData}
      <Link to="/">Home</Link>
    </>
  );
}

export default Singleblog;

// API = https://bulkaccounts.com/api/blogs
我试过那个代码但是它不为我工作.帮助我找出我的错误