[英]How to call custom JS and CSS files from CSHTML in .Net core
我有一個 .net 核心項目，其中 css、js 和圖像位於不同的文件夾中。
index.cshtml 位於“\TechBlog.Web\Views\Home”中
我正在嘗試從 Index.cshtml 調用 CSS 和 JS 文件。 但是，它沒有加載。
@{
ViewData["Title"] = "Home Page";
}
<!DOCTYPE html>
<html lang="en">
<head>
//Load CSS
<link rel="stylesheet" href="../css/all.css">
</head>
<body>
//Load JS
<script src="../js/Jquery3.4.1.min.js"></script>
</body>
請注意，還有其他代碼行。 但是，我只是在看，我在提供路徑方面做錯了什么。
我已將我的 JS 和 CSS 文件添加到 WWWroot 並使用 Visual Studio 代碼。 但是，我沒有看到文件夾中添加的文件反映在 Visual Studio 代碼資源管理器中。
我提供的路徑不正確嗎？ 還是有什么不對？ 謝謝。
你應該使用這個：
<link rel="stylesheet" href="../../css/all.css">
或者
<link rel="stylesheet" href="~/~/css/all.css">
您最常在 startup.cs > 配置中將默認 static 文件夾從 wwwroot 更改為 root：
app.UseStaticFiles(new StaticFileOptions
{
FileProvider = new PhysicalFileProvider(env.ContentRootPath),
RequestPath = "/"
});
然后：
<link rel="stylesheet" href="~/css/all.css">
ASP.NET MVC 應用程序無法從 cshtml 文件調用 JS 或 CSS 文件
[英]ASP.NET MVC app cant call JS or CSS files from cshtml file
Angular 6：如何在Mvc的cshtml頁面中使用css和js文件進入Angular項目
[英]Angular 6 : How to use css and js files from cshtml pages of mvc into Angular project
為什么 my.Net Core 應用程序處理 .cshtml 頁面上腳本標記中的 js 文件作為 react js 應用程序的一部分？
[英]Why is my .Net Core app processing js files in script tags on .cshtml page as part of the react js application?
如何將css樣式表和js文件調用到自定義WordPress主題中
[英]How to call css stylesheets and js files into a custom WordPress theme
如何在 ASP.NET core 6 MVC 中對 cshtml 文件使用 webpack-dev-server
[英]How to use webpack-dev-server for cshtml files in ASP.NET core 6 MVC
asp.net mvc 5- 如何在 cshtml 文件的 @using 部分應用 css bootstrap ,js
[英]asp.net mvc 5- How to apply css bootstrap ,js in @using section of cshtml file
ASP . NET CORE - Identity _LoginPartial.cshtml 如何使用來自 javascript 的函數
[英]ASP . NET CORE - Identity _LoginPartial.cshtml how to use function from javascript
.NET Core將JavaScript與CSHTML分離並訪問ViewData
[英].NET Core separating JavaScript from CSHTML and access ViewData
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.