如何在 .Net 核心中从 CSHTML 调用自定义 JS 和 CSS 文件答案

【问题标题】：How to call custom JS and CSS files from CSHTML in .Net core如何在 .Net 核心中从 CSHTML 调用自定义 JS 和 CSS 文件
【发布时间】：2020-11-08 19:58:29
【问题描述】：

我有一个 .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 代码资源管理器中。

我是否提供了错误的路径？还是有什么问题？谢谢。

【问题讨论】：

试试css/all.css和js/Jquery3.4.1.min.js（不带前导..）
为什么不使用相对路径？ /js 或虚拟路径~/js

标签： javascript css asp.net-core asp.net-core-mvc asp.net-core-3.1

【解决方案1】：

你应该使用这个：

 <link rel="stylesheet" href="../../css/all.css">

或者

 <link rel="stylesheet" href="~/~/css/all.css">

【讨论】：

这是非常笼统的，这是行不通的。它的 .net 核心。

【解决方案2】：

你最常在 startup.cs 中将默认静态文件夹从 wwwroot 更改为 root > 配置：

 app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(env.ContentRootPath),
        RequestPath = "/"
    });

然后：

<link rel="stylesheet" href="~/css/all.css">

【讨论】：