Так что у меня есть приложение angular, которое при локальном обслуживании работает нормально и все изображения корректно загружаются. Однако, когда я создаю приложение для производства с помощью ng build --prod, а затем запускаю его в Visual Studio, изображения не обнаруживаются. Я предполагаю, что это как-то связано с компиляцией папки angular assets. Все изображения хранятся в ресурсах> изображения и затем доступны следующим образом:
<img src="assets/images/buying.png" class="card-img-top" alt="photo">
В Visual Studio конфигурация пакета выглядит следующим образом:
public class BundleConfig
{
// For more information on bundling, visit http://go.microsoft.com/fwlink/?LinkId=301862
public static void RegisterBundles(BundleCollection bundles)
{
//bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
// "~/Scripts/jquery-{version}.js"));
//bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
// "~/Scripts/jquery.validate*"));
//// Use the development version of Modernizr to develop with and learn from. Then, when you're
//// ready for production, use the build tool at http://modernizr.com to pick only the tests you need.
//bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
// "~/Scripts/modernizr-*"));
//bundles.Add(new ScriptBundle("~/bundles/bootstrap").Include(
// "~/Scripts/bootstrap.js",
// "~/Scripts/respond.js"));
//bundles.Add(new StyleBundle("~/Content/css").Include(
// "~/Content/bootstrap.css",
// "~/Content/site.css"));
bundles.Add(new Bundle("~/Bundles").Include(
"~/bundles/runtime-es5.*",
"~/bundles/runtime-es2015.*",
"~/bundles/polyfills-es5.*",
"~/bundles/polyfills-es2015.*",
"~/bundles/main-es5.*",
"~/bundles/main-es2015.*"));
bundles.Add(new StyleBundle("~/Content/Styles").Include("~/bundles/styles.*"));
}
}
html, который объединяет angular app:
@{
ViewBag.Title = "InfoTestAngular";
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>angular app</title>
@Styles.Render("~/Content/Styles")
</head>
<body>
<div>
<app-root></app-root>
</div>
@Scripts.Render("~/Bundles")
</body>
<script type="text/javascript">
/* curator-feed-default-layout */
(function () {
var i, e, d = document, s = "script"; i = d.createElement("script"); i.async = 1;
i.src = "https://cdn.curator.io/published/ccc71ec0-ceff-435f-9343-7e5d29f5b570.js";
e = d.getElementsByTagName(s)[0]; e.parentNode.insertBefore(i, e);
})();
</script>
</html>
ожидаемый результат при локальном запуске через angular cli:
При запуске в Visual Studio :
