[英]Not allowed to load local resource error when trying to add custom CSS stylesheet to HTML document
我正在用 Django、Bootstrap、HTML 和 CSS 編寫一個項目。 我找到的代碼提供了一個引導樣式表。 當我在開發者服務器127.0.0.1:8000上運行程序時，會應用引導程序樣式。 我正在嘗試使用自定義樣式將樣式表添加到我的 HTML 文件中。 當我嘗試運行該項目時，我在 Chrome 控制台中收到此消息：
不允許加載本地資源：file:///C:/Users/Keith/OneDrive/DjangoProjects/django_forms/myapp/templates/formstyles.css"
form.html如下：
{% load crispy_forms_tags %}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="C:/Users/Keith/OneDrive/DjangoProjects/bootstrap-5.0.2-dist/bootstrap-5.0.2-dist/css/bootstrap.min.css"> -->
<link rel="stylesheet" type="text/css" href="C:\Users\Keith\OneDrive\DjangoProjects\django_forms\myapp\templates\formstyles.css">
</head>
<body style="padding: 20px;">
{% crispy form form.helper %}
</body>
</html>
自定義 CSS 樣式表formstyles.css如下：
input {
color: #683aa4 !important;
margin-top: 100px !important;
}
HTML 文件和 CSS 文件在同一目錄中
謝謝，
出於安全原因，瀏覽器可能會在某些情況下禁止直接從您的計算機加載文件。 通過 Web 服務器訪問本地文件有時就是其中之一。 因此，嘗試將樣式表放在您的 Web 服務器目錄中，以便 URL 如下所示，或類似的內容：
<link rel="stylesheet" href="127.0.0.1/bootstrap-5.0.2-dist/bootstrap-5.0.2-dist/css/bootstrap.min.css">
編輯：我應該說，Web 服務器是否與本地文件在同一台計算機上並不總是重要的。 瀏覽器可能會將其視為不同的實體並阻止訪問。
如果您從本地C:或file:///C:/執行或加載它，這將被您的瀏覽器阻止
您可以做的是使用npm或修改您的href path
<link rel="stylesheet" type="text/css" href="/django_forms/myapp/templates/formstyles.css">
編織到 HTML 文檔並在服務器上運行時出現“不允許加載本地資源”錯誤
[英]"Not allowed to load local resource" error when knitting to HTML document and running on a server
嘗試將 MediaSource 對象附加為 HTML5 視頻標簽的源時出現“不允許加載本地資源”錯誤
[英]Getting "Not allowed to load local resource" error while trying to attach a MediaSource object as the source of a HTML5 video tag
嘗試從網絡下載文件時“不允許加載本地資源”
[英]“Not allowed to load local resource” when trying to download file from network
嘗試將本地Javascript文件鏈接到HTML文檔，但是在瀏覽器中，我收到“無法加載資源”錯誤
[英]Trying to link a local Javascript file to HTML document but in the browser, I receive a Failed to load resource error
Django Web 應用程序“不允許加載本地資源/.css 文件”
[英]Django web app "Not allowed to load local resource /.css file"
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.