問題タブ [lite-server]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
2 に答える
1983 参照

angular - Angular2 http.get で混合コンテンツ エラーが発生するか、'Access-Control-Allow-Origin' ヘッダーがありません

http.get リクエストを実行しようとしていますが、実行できません。

Service以下は、私が使用しているの関連部分です。

Postmanで get リクエストを実行できるため、URL http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=npが有効であることはわかっています。

npm-liteを使用してアプリを実行していますが、http://localhost:3000に読み込まれます

http://localhost:3000で実行すると、次のエラーが発生します: XMLHttpRequest cannot load http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーがありません。したがって、オリジン ' http://localhost:3000 ' へのアクセスは許可されません。

アプリが http で実行されており、get 要求を適切に実行するには https である必要があることが問題である可能性があると考えたので、bs.config.jsonファイルを作成しました。npm-lite を使用すると、browser-syncから実行するオプションを使用できます。アプリを https で実行できるように、https を true に設定しました。

bs-config.json

アプリを実行すると、' https://localhost:3000 ' で実行され、次のエラーが表示されます: zone.js:101Mixed Content: The page at ' https://localhost:3000/portfolio ' was loaded over HTTPS 、安全でない XMLHttpRequest エンドポイント ' http://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np ' をリクエストしました。このリクエストはブロックされました。コンテンツは HTTPS 経由で提供する必要があります。

ここから先に進む方法がわかりません。http get リクエストを適切に設定しているかどうか、または何か誤解している場合はお知らせください。ありがとう!

============================================

EDIT 1: @AngJobs の推奨事項に応じて:クロスブラウザリクエストのリクエストに特別なヘッダーを追加するだけです

リクエストにヘッダーを追加しました:

http://localhost:3000での実行に戻りました が、エラーが発生しました: XMLHttpRequest cannot load https://finance.yahoo.com/d/quotes.csv?s=AAPL&f=np。プリフライトの応答が無効です (リダイレクト)

0 投票する
1 に答える
21 参照

javascript - angular2 texfield値はすべてのブラウザで同期されます

今日Angular 2で作業していて少し驚きました.データをキャプチャする単一ページフォームを開発しています.Google Chromeを使用してテキストフィールドに入力した値が他のブラウザのmozilla firefoxと同期していることを発見しました. なぜこれが起こるのか、誰もが何らかの考えを持っています。これは角度関数のようには見えません。ここで私のpackage.jsonファイルを開発者モードで実行してい ます

npmを使用したlite-serverの詳細を読むと、それが理由であると思われますが、よくわかりません。

前もって感謝します!!!

0 投票する
4 に答える
12281 参照

javascript - Lite-server が「bs-config.json」または「bs-config.js」オーバーライド ファイルを検出しない

angular2 ベースの最初のアプリを実行しようとしています。angular2 の手順に従いました。コマンドnpm startを実行すると、ターミナルで次のエラーが表示されます

bs-config.json または bs-config.js オーバーライド ファイルが検出されませんでした。lite-server のデフォルトを使用しています...

また、ブラウザ404 errorが index.html ファイルを返します ( angular-project/app/index.html)

私は lite-server version is"lite-server@^2.2.0",と npm versionを確認します。また、この受け入れられた回答の指示3.7.3に従いましたが、まだ同じ問題に直面しています。誰でもそれを修正する方法を教えてもらえますか? ありがとうございました。

0 投票する
1 に答える
1396 参照

lite-server - lite-server が Angular 2 アプリの親ディレクトリからスクリプトをロードしない

node パッケージを使用してアプリケーションを実行しようとしていlite-serverますが、親ディレクトリからスクリプトをロードできません。

将来、別index.html/srcファイルを/dist. それらは変更されないため、ルートディレクトリにとどまる必要があります/node_modulessystemjs.config.js

ファイル構造:

ファイル構造

src/index.html:_

ディレクトリ内でlite-serverを実行しています/src

/src ディレクトリ内で lite-server を実行する場合

ノード モジュールは存在します。必要なファイルを子ディレクトリ自体に移動すると/src、サーバーは 404 なしで正常に動作します。これは、lite-server または systemjs の設定に問題がありますか?

0 投票する
2 に答える
1307 参照

angular - lite-server で複数のルートを適切に設定する方法

私はlite-serverを使用して Angular アプリケーションを開発しています。私は非常に単純な次のプロジェクト構造を持っています:

私がやりたいことは、 loadスクリプトにアクセスlocalhost:8000/fooして取得するだけでなく、 foo/index.htmlloadingにアクセスして取得することです。foo.jslocalhost:8000/barbar/index.htmlbar.js

Browsersync オプションのドキュメントを読み、次bs-config.jsonを使用してファイルを構成しようとしましたが、機能しroutesませんでした。