npm start - używając CORS

Question

Pracuję nad małą aplikacją, używając Angular2. W obiekcie NPM jest 5min. Quickstart Guide, który służy do instalacji wymaganych modułów i uruchomienia serwera LITE. Później chcę korzystać z tej aplikacji na normalnym serwerze internetowym i budować aplikacje mobilne z cordova. Jakkolwiek, używam apletu REST do załadowania niektórych danych. Jak mogę skonfigurować serwer LITE, aby rozwiązać CORS opcje przed lotem? Mój serwer apache (na serwerze dedykowanym) jest już skonfigurowany, ale nie chcę zatwierdzać, aktualizować i rekompilować każdej małej zmiany. Potrzebuję odpowiedniej konfiguracji do tego:

Header always set Access-Control-Allow-Origin "https://my-domain.net:12345" 
Header always set Access-Control-Allow-Headers "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding" 
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT" 
Header always set Access-Control-Max-Age "1000" 

Answer 1

Nie ma wbudowanej opcji, aby to zrobić w ramach serwera LITE. Powiedział, że można ją załatać, ale ja naprawdę nie zobaczyć, co starają się zrobić tutaj ...

Po zainstalowaniu go, można przejść do folderu node_modules/lite-server i zainstalować moduł connect-cors:

npm install connect-cors 

Następnie w lib/lite-server.js file można zaimportować moduł i używać go tablicę middleware po:

var historyFallback = require('connect-history-api-fallback'); 
var log = require('connect-logger'); 
var cors = require('connect-cors'); // <------------------ 
(...) 

sync.init({ 
    port: argv.port || 3000, 
    server: { 
    baseDir: options.baseDir, 
    middleware: [ 
     cors(), // <------------------ 
     log(), 
     historyFallback({ index: options.fallback }) 
    ] 
    }, 
    files: options.files, 
}); 

Uruchamiając serwer za pomocą następującego polecenia wsparcie CORS jest użyteczny:

./bin/lite-server --baseDir ../../ 

Dodanie nagłówka Origin do żądań spowoduje wyświetlenie nagłówków CORS w odpowiedzi.

Answer 2

w rzeczywistości lite-server jest tylko opakowaniem synchronizacji przeglądarki, jeśli możesz sprawdzić dokumenty od https://www.browsersync.io/docs/options, możesz znaleźć konfigurację cors, a ponieważ obsługa Lite-server używa pliku konfiguracyjnego do ustawienia opcji, wszystko co musisz zrobić, to po prostu ustawić plik konfiguracyjny dla lite-server, możesz wybrać bs-config.js lub bs-config.json, jeśli użyjemy najłatwiejszego bs-config.json, contente to:

{ 
    "cors": true 
} 

wtedy bezpośrednio rozpocząć lite-serwer, można zobaczyć:

przeglądarka synchronizacji config

{ injectChanges: false, 
    files: [ './**/*.{html,htm,css,js}' ], 
    watchOptions: { ignored: 'node_modules' }, 
    server: { baseDir: './', middleware: [ [Function], [Function] ] }, 
    cors: true } 

[BS] URL dostępu:

Local: http://localhost:3000 

Oznacza to Cors działa.

Answer 3

I z serwera HTTP

http-server -o --cors