Проект Grunt работает неправильно на сервере Apache

Я создаю веб-приложение (проект школы) с генератором Yeoman Polymer, и все идет хорошо.Проект Grunt работает неправильно на сервере Apache

Всякий раз, когда я запускаю «сервировку grunt», сайт создается и отображается на локальном сервере. Все хорошо.

Но когда я запускаю его на обычном HTTP-сервере (я пробовал с Apache и встроенным Python), моя таблица стилей SASS и iframe не используется, как вы можете видеть на рисунках, связанных ниже ,

Я использовал инспектор элементов в Chrome, и iframe загружается, но не отображается.

Grunt:

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' для вас. Этот вопрос SO может рассказать вам, как изменить корень Apache: http://stackoverflow.com/questions/5891802/how-do-i-change-the-root-directory-of-an-apache-server – robdodson

Awesome , благодаря! Я постараюсь первым делом с утра! Большой поклонник, кстати! – Elias

Проект Grunt работает неправильно на сервере Apache

ответ

Смежные вопросы