Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to get more information to debug 404 error

I have a website staged. Although everything seems to be displaying properly, opening developer tools shows I am getting two 404 errors (see pictures). I want to fix this error but I don't have much information. Is there some way to find out which specific element is causing the error? How should I go about debugging this?

developer tools

404 error

like image 487
user2260199 Avatar asked Aug 24 '20 04:08

user2260199


People also ask

How do I fix error 404 API?

You fix this by opening the listen step in your VSM file, and changing the base path in there, so you don't get a 404 error. You could change that to "/api/" so any api requests are dealt-with, or "/api/retrieveId/" so only retrieveId messages are dealt-with, or "/" so all requests are dealt-with.


Video Answer


2 Answers

Seek in the settings for a tab called Network.

Simply check the http status code for each of your elements from there.

This is a capture of the Firefox debugger, it works very similarly in other browsers dev tool.

enter image description here

like image 175
NVRM Avatar answered Oct 26 '22 09:10

NVRM


Get into the developer tools and look for the Network tab.

Here, you can find all the resources calls with API calls along with HTTP status, headers, URL, request, response, etc.

Just see the network tab for the specific file for which you are facing issues.

Check the URL, HTTP code, response, and you can trigger what's the issue and solve it.

Let me know, what exactly is the issue so that I can help better.

like image 1
Harsh Goel Avatar answered Oct 26 '22 09:10

Harsh Goel