서버에 배포 한 후 웹 사이트 UI가 제대로 표시되지 않습니다.

Question

ASP.Net MVC5 기반 웹 응용 프로그램이 있습니다. UI 용 부트 스트랩을 사용하고 있습니다. 내 컴퓨터에서 모든 것이 완벽합니다. 로그인하면 다음 페이지가 표시됩니다. Analytics page as on localhost

웹 서버에 배포 한 후 다음과 같은 페이지 게시물을 얻을 수 있습니다.

Analytics page from the server

당신은 서버에서 페이지가 모두 엉망이라고 볼 수 있습니다. 거의 모든 사업부가 국경을 넘나 드는 것처럼 보입니다. 나는 여기서 무엇이 잘못 될지 확신하지 못한다. 모든 입력을 환영합니다.

업데이트 :

내가 다른 응용 프로그램이 분석 응용 프로그램과 같은 로그인 페이지가 "TalkApp"가. "TalkApp"UI에는 문제가 없습니다.

그래서 로그인 페이지의 페이지 소스를 확인했습니다. TalkApp에는 다음 링크가 있습니다.

<link href="/TADATalk/Content/bootstrap.css" rel="stylesheet"/> 
<link href="/TADATalk/Content/site.css" rel="stylesheet"/> 

<script src="/TADATalk/Scripts/modernizr-2.8.3.js"></script> 


<script src="/TADATalk/Scripts/jquery-3.1.1.js"></script> 

<script src="/TADATalk/Scripts/jquery.unobtrusive-ajax.js"></script> 

<script src="/TADATalk/Scripts/jquery-ui-1.12.1.js"></script> 

<script src="/TADATalk/Scripts/bootstrap.js"></script> 

반면 AnalyticsApp에는 이러한 링크가 없습니다. 대신 ..v = "e34hgd5677 .."유형의 항목이 있습니다. AnalyticsApp에서 번들 사용을 제거하고 링크 참조를 직접 추가했습니다. 이제 UI가 제대로로드됩니다.

그럼에도 문제는 여전히 있습니다. 하나의 앱에서 번들이 작동하지 않고 다른 앱 (서버에도 배포 됨)과 함께 작동 한 이유는 무엇입니까?

Answer 1

번들이로드되지 않지만 CSS 링크를 하드 코딩하는 것이 유일한 이유는 _Layout.cshtml에 포함하지 않는 것입니다. 다음은 내 애플리케이션의 예입니다.

BundleConfig.cs 호출되는 당신은 BundleConfig.cs의 번들을 정의 *

... other head stuff ... 

@Styles.Render("~/Content/css") <--- this name is the "virtual path" to that bundle of styles 

... other head stuff ... 

(RegisterBundles 방법)

.... other bundles ... 

bundles.Add(new StyleBundle("~/Content/css").Include(
         "~/Content/bootstrap.css", 
         "~/Content/site.css")); 

... other bundles ... 

_Layout.cshtml, Global.asax.cs.ApplicationStart() 메소드 :

protected void Application_Start() 
     { 
      AreaRegistration.RegisterAllAreas(); 
      FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters); 
      RouteConfig.RegisterRoutes(RouteTable.Routes); 
      BundleConfig.RegisterBundles(BundleTable.Bundles); 
      ViewEngineConfig.RegisterEngines(ViewEngines.Engines); 


     } 

이것은 이전 템플릿 시작 프로젝트에서 모두 설정해야합니다.