来自不同部署策略的网页中相同代码内的视觉差异

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

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

网页应该是什么样子:

http://img4.mukewang.com/6370b9f70001e55f06550142.jpg

部署时网页的外观:

http://img2.mukewang.com/6370ba040001f06c05350177.jpg

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



不负相思意
浏览 78回答 1
1回答

拉丁的传说

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 后,预期的样式和功能会按预期工作。
打开App,查看更多内容
随时随地看视频慕课网APP