I can get response with postman but cannot get with axios-CodePudding

I started a full stack app. I wrote models and routers on backend part. On frontend part, I installed axios and add "proxy": "http://localhost:xxxx/api" to package.json file. When I send get request with postman, it response me the data. But when I go to http://localhost:xxxx, on chrome console it says "AxiosError {message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST'"

Its my package.json file's last line;

}, "proxy": "http://localhost:8800/api"
}

Its my get router;

router.get("/", async (req,res) => {
    try {
        const pins = await Pin.find();
        res.status(200).json(pins);
    } catch (err) {
        res.status(500).json(err)
    }
});

and its my frontend app.js useEffect code:

useEffect( () => {
    const getPins = async () => {
      try {
        const res = await axios.get("/pins");
        setPins(res.data);
      } catch (err) {
        console.log(err);
      }
    };
    getPins();
  }, []);

Thanks for helps

CodePudding user response：

Instead of attempting to ping axios.get("/pins") try to ping axios.get("/")`

I believe you are getting a 404 not found on the route as your frontend and backend routes don't match.

CodePudding user response：

I restarted Visual Studio Code and the problem solved.