Fatal编程技术网
  • html/
  • 未找到与HTML位于同一文件夹中的CSS文件

未找到与HTML位于同一文件夹中的CSS文件

html css web

未找到与HTML位于同一文件夹中的CSS文件,html,css,web,get,Html,Css,Web,Get,这是一个非常基本的问题，但在过去的一周里，我一直在努力解决这个问题。我刚刚开始向我的项目添加CSS，并将base_style.CSS链接到base.html。由于某些原因，服务器找不到base_style.css Base.html： <head> <title> Chat </title> <link href = "base_style.css" type = "text/css" rel =

这是一个非常基本的问题，但在过去的一周里，我一直在努力解决这个问题。我刚刚开始向我的项目添加CSS，并将base_style.CSS链接到base.html。由于某些原因，服务器找不到base_style.css

Base.html：

<head>
    <title> Chat </title>
    <link href = "base_style.css" type = "text/css" rel = "stylesheet">
    
</head>
但是，当我通过命令提示符运行服务器时，我得到：

[21/Aug/2020 23:35:25] "GET / HTTP/1.1" 200 517
Not Found: /base_style.css
[21/Aug/2020 23:35:25] "GET /base_style.css HTTP/1.1" 404 5153
即使通过base_style.css和base.html也位于同一文件夹/目录中：

08/18/2020  07:48 PM    <DIR>          .
08/18/2020  07:48 PM    <DIR>          ..
08/21/2020  11:24 PM               584 base.html
08/21/2020  11:24 PM                51 base_style.css
08/17/2020  12:05 AM               622 chatroom.html
08/13/2020  05:03 PM               418 chatrooms.html
08/15/2020  09:53 PM               376 edit_message.html
08/13/2020  05:00 PM               295 index.html
08/13/2020  05:06 PM               272 new_chatroom.html
08/14/2020  04:00 PM               378 new_message.html
               8 File(s)          2,996 bytes
               2 Dir(s)  417,867,866,112 bytes free


2020年8月18日晚上7:48。
2020年8月18日晚上7:48。。
08/21/2020 11:24 PM 584 base.html
2020年8月21日晚上11:24 51 base_style.css
2020年8月17日12:05 AM 622 chatroom.html
08/13/2020 05:03 PM 418 chatrooms.html
2020年8月15日09:53 PM 376 edit_message.html
2020年8月13日下午05:00 295 index.html
2020年8月13日05:06 PM 272 new_chatroom.html
2020年8月14日04:00 PM 378 new_message.html
8个文件2996字节
2个目录417867866112字节可用
如果有人知道发生了什么，我非常感谢您的帮助。

尝试使用相对路径：

从
服务器运行应用程序时
需要从
根目录指定路径

如果文件夹结构是这样的：
webapp>public>base\u style.css

然后路径将是
public/base\u style.css

因此：
从根文件夹中指定路径，它将起作用：）

要在服务器调用的HTML代码中添加CSS文件，必须从项目的基本目录启动该路径

应该是这样的：

<head>
    <title> Chat </title>
    <link href = "<path from project base dir to current dir>/base_style.css" type = "text/css" rel = "stylesheet">
    
</head>


聊天
我试过了，但仍然得到相同的错误：找不到：/base\u style.cs上面的答案似乎是正确的。我通常建议把标签按这个顺序排列。我会在不使用type属性的情况下尝试它，也许还会尝试其他浏览器。您使用的是什么服务器？我正在命令提示符终端上运行它，只使用python manage.py runserver，然后在chrome上打开。我也尝试过通过heroku运行它，它也不起作用（但没有错误消息）。桌面的完整路径是：“Desktop/project2/chat/chat\u app/templates/chat\u app/base\u style.css”。我试过：“chat/chat\u app/templates/chat\u app/base\u style.css”、“chat\u app/templates/chat\u app/base\u style.css”、“templates/chat\u app/base\u style.css”、“chat\u app/base\u style.css”但都不起作用？非常困惑。谢谢你的帮助，谢谢！您从哪个文件夹运行服务器？在我的示例中，
web app
文件夹中有
server.js
，在导航到“Desktop/project2/chat”后，我通过在命令提示符中输入：“python manage.py runserver”来运行服务器。桌面的完整路径是：“Desktop/project2/chat/chat\u app/templates/chat\u app/base\u style.css”。我试过：“chat/chat\u app/templates/chat\u app/base\u style.css”、“chat\u app/templates/chat\u app/base\u style.css”、“templates/chat\u app/base\u style.css”、“chat\u app/base\u style.css”但都不起作用？非常困惑。谢谢你的帮助，谢谢！尝试将路径添加为“project2/chat/chat\u app/templates/chat\u app/base\u style.css”。这很可能会奏效。 
<head>
    <title> Chat </title>
    <link href = "<path from project base dir to current dir>/base_style.css" type = "text/css" rel = "stylesheet">
    
</head>