首页 > 解决方案 > 来自不同部署策略的网页中相同代码内的视觉差异

问题描述

我已经构建了一个相对简单的 MVC Asp.Net Core 2.2 应用程序。在 Visual Studio 中运行时,html/css 样式显示正确。但是,当打包成一个独立的可执行文件并在同一台机器上运行时,html 样式不再正确呈现。Web 应用程序旨在在内部网络中本地运行。

我还将该站点部署到 Azure 站点,并且遇到了相同的视觉问题。我不确定这是否是由于 HTML/CSS 格式错误,但我没有看到任何明显的问题。我想知道部署中是否没有正确包含某些依赖项。

网页应该是什么样子: 在此处输入图像描述

部署时网页的外观: 在此处输入图像描述

如有必要,我可以包含 CSS/HTML 以识别问题,但想知道是否有任何常见问题导致此问题。

标签: c#asp.net-core

解决方案


site.css 和 site.js 的缩小版本存在问题。这是通过浏览器开发工具中的 404 错误识别的。

在ASP.NET Core 2.0: static file (site.min.js) not found上可以找到类似的帖子,尽管不是正确的答案。

解决了我的问题,我认为这是一个不太出色的解决方案,是我复制/粘贴了

<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="~/css/site.css" />
</environment>

_layout.cshtml 文件中的部分,该部分在 VS 中运行时正在工作,并将第一行中的单词“include”更改为“exclude”。打包成 exe 后,预期的样式和功能会按预期工作。


推荐阅读