使用 IIs 调试 Asp.net core web 与直接浏览不同

Question

这是我的第一个问题，所以我很兴奋:)。

我最近从编程 mvc-5/6 转到了 asp.net 核心。 现在，我注意到当我调试我的网站时，我有几个选择：

-IIS

-通过 cmd 部署的解决方案名称

-浏览

有趣的是，当我使用 IIS (F5) 部署我的网站时，浏览器并没有获得我所有的 css 引用（这不会影响我的一些私有 cssed 元素）。但是当我通过前面提到的其他 2 个选项部署它时，它确实有效。

现在我一直在寻找一个解释，但没有找到。 由于我对 IIS 缺乏了解，我认为问题出在某个地方，这里有以下 2 个问题：

1) 为什么会有这样的区别？

2) 当其他调试方法正确响应时，如果 IIS 没有按我预期的那样响应，这最终是否重要？

谢谢！！！

A pic to show my code

.banner {
    height: 350px;
    width: 100%;
    max-height: 50%;
    max-width: 100%;
    min-height: 20%;
    min-width: 30%;
    background-image: url('/ProfilePic/Profile.png');
    background-size: cover;
}

Answer 1

我会在这里小心 - 这确实很重要 - 作为问题 2 的答案。

当您从旧 MVC 切换到核心时，您会意识到您的“服务”文件位于 wwwroot 文件夹中。

您完全有可能没有正确引用您的 CSS（因为它与普通 MVC 的文件结构不同）。此外，请务必使用相对路径而不是绝对路径。

看看这里：

正确：

<link href="~/css/site-internal.min.css" rel="stylesheet" />

不正确：

<link href="~/wwwroot/css/site-internal.min.css" rel="stylesheet" />

<link href="http://localhost:5000/css/site-internal.min.css" rel="stylesheet" />

可能是您的问题无关紧要，但仍然需要注意。

编辑

无论您以何种方式运行程序，您的 CSS 都应该能够加载。

顺便说一句 - IIS 选项允许您调试和单步执行您的 JS，并且可能非常有用。

您在这里要做的是进入您的浏览器开发工具（大多数情况下是 F12），然后查看您的 CSS 是否得到正确解决 - 一旦您知道您的问题是什么，您就可以继续。

通常，如果在加载 CSS 的过程中出现问题，您会直接在浏览器控制台中看到错误

编辑#2

在进一步阅读您的问题陈述后 - 我认为您的 CSS 可能已正确加载，但您的图片 URL 有问题。

请查看第一个答案here

CSS 文件中图片的 URL 是相对于 CSS 文件的路径的。

因此，您的解决方案将是这样的：

../ProfilePic/Profile.png

.. 上移一级。