Проблем при load файлове, когато използвам Mustache

yuletodim 37 Точки

Проблем при load файлове, когато използвам Mustache

Здравейте! Когато използвам Mustache цялото приложение ми блокира, защото не може да зарежда темплейт файловете. Грешката, реално ми я връща jQuery:

XMLHttpRequest cannot load file:///C:/Users/..../template.html. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

Моля, ако някой се е сблъсквал с този проблем да помогне, че съм доста назад. Предварително благодаря.

Тагове:

29/04/2015 14:51:52 JavaScript Applications 29/04/2015 14:52:27

izahariev96 14 Точки

Пусни го на някакъв сървър - apache или пък най-лесно с WebStorm-а

29/04/2015 15:05:13

a.angelov 1316 Точки

Това е причината да - трябва да стартираш проекта през сървър.

29/04/2015 15:18:24

yuletodim 37 Точки

Благодаря

29/04/2015 15:20:01

viraldim 21 Точки

Може и без сървър ако ползваш chrome --> http://www.chrome-allow-file-access-from-file.com/

29/04/2015 16:08:11 29/04/2015 16:08:58

yuletodim 37 Точки

Това го видях в stackoverflow, но нещо не успях да го преборя, въпреки, че е обяснено като за идиоти.. При мен "Път на потребителския профил" не води до application, и там се заплитам.. Ако си го правил, кажи как става

29/04/2015 16:37:01

viraldim 21 Точки

затваряш всички прозорци на chrome.

натискаш win + r клавиши.

пишеш -> C:\Program Files (x86)\Google\Chrome\Application\chrome.exe --allow-file-access-from-files.

натискаш enter.

ще ти се овори нов прозорец в chrоme (не го затваряй), след това отвори приложнието си където и да е.

Забележка! C:\Program Files (x86)\Google\Chrome\Application\ не е пътят ти към chrome просто направи търсене в My Computer.

29/04/2015 18:51:11

yuletodim 37 Точки

След дълги мъки проработи :) Ето и по-доброто обяснение: https://www.chromium.org/for-testers/command-line-flags

29/04/2015 19:41:21

nikola.m.nikolov 830 Точки

Аз лично бих препоръчал на всеки да използва handlebars вместо mustache по простата причина, че в handlebars може да се вкарва логика - if/else, each и т.н. Синтаксиса е един и същ като този на Mustache пак с по 2 къдрави отварящи и 2 затварящи скоби.

Render-ирането става със следните 3 реда:

var temp = Handlebars.compile(template);
var html = temp(data);
$(selector).html(html);

29/04/2015 18:24:03 29/04/2015 18:25:49

Yulia 1346 Точки

А аз искам да вметна един много много много лесен начин за пускане на сървър, който да сервира статичните файлове :) (предполага се, че вече имате инсталиран nodejs и npm)

npm i http-server -g

Инсталирате този модул веднъж (глобално) и после в която и директория да се намирате, пишете в конзолата http-server или hs и това ще "сервира" на localhost всичко, което намери в текущата директория и можете лесно да се "разхождате" из папките и файловете. Ако намери index.html, съотвено направо ще се зареди.

tip: много е удобно за проверка на домашни в браузъра, вместо да отваряте файловете един по един.
И никакъв web storm или apache не ви трябва за това ;-)

30/04/2015 21:10:23 30/04/2015 23:32:00

a.angelov 1316 Точки

Полезно!

Добави само едно install след npm :)

30/04/2015 22:34:34

Yulia 1346 Точки

Ъх, да, разбира се. Мерси за fix-а :)

И ако сте с linux, за инсталиране на глобални неща трябва добавите и едно sudo отпред, иначе или ще изгърми веднага, или ще ви излъже, че го е инталирало, пък няма да работи :))

30/04/2015 23:29:23 30/04/2015 23:33:21

Vacheva 154 Точки

Приложение за Хром - Уеб сървър (за сега доста бързо, лесно и удобно :)):

https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?utm_source=chrome-ntp-launcher

След инсталация отваряш Гугъл приложения и стартираш ("200 ок!"):

отваря се прозорец,
избираш папката с проекта (или папка с повече проекти),
навигираш до html файла, даваш ок,
клик на адреса на сървъра

01/05/2015 20:05:06 01/05/2015 20:07:25