File exists but, Status 404 File not Found

Question

First of all, I'm using Chrome browser for development.

I have placed the files in the following order:

In Markup, I placed its reference like this:

<link href="App_Data/css/bootstrap.min.css" rel="stylesheet" />

This is the original path: root/App_Data/css/bootstrap.min.css.

The file is available at the path, but still, the browser can't find the file with an error shown in the picture below:

I am confused. Why is it not able to find the file from the correct path? :S What mistake am I making? (My previous question was also about the path. I tried following my last question's guide, but that also is not resolving this issue. Please look into it and tell me the possible issues. Thank you).

Can you check the file permissions? Does it have read access on it for other users? — , May 16 '17 at 13:42
if this is asp.net make sure that your server is running and you set permission to read from this folder — Hasan Elsherbiny, May 16 '17 at 13:45
@HassanElsherbiny these file have access to be read and yes, it is asp.net and i am running it on the server (IIS) debugging mode — ARr0w, May 16 '17 at 13:47

score 2 · Answer 1 · answered May 16 '17 at 13:55

I'm sure App_Data is a special folder in MVC, consider moving the files in to a "content" folder or something (as is the standard).

Also try prefixes like "./" or "/" or "../" as depending on the url of the current page you may want to have a different path for these resources or always generate one that's relative from the root of the site.

ARr0w · Answer 2 · 2017-05-16T14:04:16.890

2

I've just found a solution with the help of someone who commented here but deleted the comment. He was correct! I couldn't see his nickname. I'd prefer him to answer, i'll Tick his answer.

APP_data folder in asp.net doesn't let browser load Css and JS files as this folder is standard for Class files e.g. ( abc.cs ) .

I just moved all of these files in a new folder i created with the name Content and moved all css and js files in it, referenced it in Html and it worked like a charm.

edited May 16 '17 at 14:04

answered May 16 '17 at 13:57

ARr0w

1,701
15
31

1

Heh that was me, but I started to second-guess myself :) – Beofett May 16 '17 at 14:00

score 2 · Accepted Answer · edited May 23 '17 at 11:47

2

App_Data is not typically used to publish web content, and is not published by default.

edited May 23 '17 at 11:47

Community

1
1

answered May 16 '17 at 14:03

Beofett

2,388
1
23
37

No problem, glad I could help! Feels like a pretty sparse answer, but it sounds like it got you pointed in the right direction :) – Beofett May 16 '17 at 14:06

Chirag Jain · Answer 4 · 2017-05-16T13:49:40.427

0

Try relative path as below, it might help you-

<link href="../css/bootstrap.min.css" rel="stylesheet" />

edited May 16 '17 at 13:49

answered May 16 '17 at 13:48

Chirag Jain

628
11
24

Nesan Mano · Answer 5 · 2017-05-16T14:00:52.203

0

You have to start with the root of your application.App_Data is just a folder in Microsoft Visual Studio context.Once you publish your app it will not be the same. For your question, this would be the solution:

<link href="/css/bootstrap.min.css" rel="stylesheet" />

This will resolve the path from the app root.

edited May 16 '17 at 14:00

answered May 16 '17 at 13:53

Nesan Mano

1,892
2
26
43

File exists but, Status 404 File not Found

5 Answers5