아파치 서버에서 그란트 프로젝트가 올바르게 작동하지 않습니다.

저는 Yeoman Polymer generator로 웹 앱 (학교 측 프로젝트)을 만들고 있습니다.아파치 서버에서 그란트 프로젝트가 올바르게 작동하지 않습니다.

"grunt serve"를 실행할 때마다 웹 사이트가 빌드되어 로컬 호스트 서버에 표시됩니다. 모든 것이 좋습니다.

그러나 아래 링크 된 그림에서 볼 수 있듯이 일반적인 HTTP 서버 (Apache와 Python으로 만들었습니다), SASS 스타일 시트 및 iframe이 사용되지 않습니다. .

Chrome에서 요소 검사기를 사용하고 iframe이로드되지만 표시되지 않습니다.

그런트 :

HTTP :

내 index.html을 소스 :

<!doctype html> 
<html> 

<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>TriMath</title> 
    <meta name="description" content=""> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes"> 
    <!-- Place favicon.ico and apple-touch-icon.png in the root directory --> 

    <!-- build:css styles/main.css --> 
    <link rel="stylesheet" href="styles/main.css"> 
    <!-- endbuild--> 

    <!-- build:js bower_components/webcomponentsjs/webcomponents.min.js --> 
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script> 
    <!-- endbuild --> 

    <!-- build:vulcanized elements/elements.vulcanized.html --> 
    <link rel="import" href="elements/elements.html"> 
    <!-- endbuild--> 

    <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'> 
</head> 

<body unresolved fullbleed> 

<template is="auto-binding" id="t"> 

    <!-- Route controller. --> 
    <flatiron-director route="{{route}}" autoHash></flatiron-director> 

    <core-scaffold id="scaffold"> 

    <!-- Drawer --> 
    <nav> 
     <core-toolbar horizontal center-justified layout> 
     <span>TriMath</span> 
     <paper-fab icon="launch" id="sourceButton" onclick="window.open('https://github.com/theSilentStorm/TriMath','_blank');"></paper-fab> 
     </core-toolbar> 
     <core-menu valueattr="hash" selected="{{route}}" selectedModel="{{selectedPage}}" on-core-select="{{menuItemSelected}}"> 
     <template repeat="{{page, i in pages}}"> 
      <paper-item hash="{{page.hash}}" noink> 
      <core-icon icon="label{{route != page.hash ? '-outline' : ''}}" id="drawerIcon"></core-icon> 
      <a href="#{{page.hash}}">{{page.name}}</a> 
      </paper-item> 
     </template> 
     </core-menu> 
    </nav> 

    <!-- Toolbar --> 
    <core-toolbar tool flex> 
     <div flex>{{selectedPage.page.name}}</div> 
     <paper-menu-button> 
      <paper-icon-button icon="more-vert" raised></paper-icon-button> 
      <paper-dropdown class="dropdown" halign="right"> 
      <core-menu class="menu"> 
       <paper-item><a href="about.html">About</a></paper-item> 
      </core-menu> 
      </paper-dropdown> 
     </paper-menu-button> 
    </core-toolbar> 

    <!-- Content --> 
    <div layout horizontal center-center fit> 
     <core-animated-pages id="pages" selected="{{route}}" valueattr="hash" transitions="slide-from-right"> 
     <template repeat="{{page, i in pages}}"> 
      <section hash="{{page.hash}}" layout vertical center-center> 
      <iframe src="{{page.url}}" frameborder="0"><div style:"width: 100%;">Loading...</div></iframe> 
      </section> 
     </template> 
     </core-animated-pages> 
    </div> 

    </core-scaffold> 
</template> 


    <!-- build:js scripts/app.js --> 
    <script src="scripts/app.js"></script> 
    <!-- endbuild--> 
</body> 

</html>

출처

2015-01-12 Elias

당신은 릴리스 버전을 구축 grunt를 실행해야합니다. 모든 것은 dist 폴더로 들어갑니다. 그런 다음 dist 폴더를 제공하도록 웹 서버에 알려야합니다.

출처

2015-01-12 22:08:55 robdodson

나는 어떻게 이런 일을 성가 시게합니까? 또한, 일부 정교 또는 어쩌면 내 웹 서버를 dist 폴더를 제공하는 방법에 대한 가이드 링크를 정말 감사하겠습니다! – Elias

'그냥 grunt'을 실행하십시오. 그러면'dist' 폴더를 생성하는 기본 작업이 트리거됩니다. 이 질문은 아파치 루트를 변경하는 방법을 알려줍니다. http://stackoverflow.com/questions/5891802/how-do-i-change-the-root-directory-of-an-apache-server – robdodson

굉장하다. , 감사! 아침에 제일 먼저 시험해 보겠습니다! 큰 팬, btw! – Elias

아파치 서버에서 그란트 프로젝트가 올바르게 작동하지 않습니다.

답변

관련 문제