問題タブ [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.
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。プリフライトの応答が無効です (リダイレクト)
javascript - angular2 texfield値はすべてのブラウザで同期されます
今日Angular 2で作業していて少し驚きました.データをキャプチャする単一ページフォームを開発しています.Google Chromeを使用してテキストフィールドに入力した値が他のブラウザのmozilla firefoxと同期していることを発見しました. なぜこれが起こるのか、誰もが何らかの考えを持っています。これは角度関数のようには見えません。ここで私のpackage.jsonファイルを開発者モードで実行してい ます
npmを使用したlite-serverの詳細を読むと、それが理由であると思われますが、よくわかりません。
前もって感謝します!!!
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
に従いましたが、まだ同じ問題に直面しています。誰でもそれを修正する方法を教えてもらえますか? ありがとうございました。
lite-server - lite-server が Angular 2 アプリの親ディレクトリからスクリプトをロードしない
node パッケージを使用してアプリケーションを実行しようとしていlite-server
ますが、親ディレクトリからスクリプトをロードできません。
将来、別index.html
の/src
ファイルを/dist
. それらは変更されないため、ルートディレクトリにとどまる必要があります/node_modules
。systemjs.config.js
ファイル構造:
src/index.html
:_
ディレクトリ内でlite-serverを実行しています/src
:
ノード モジュールは存在します。必要なファイルを子ディレクトリ自体に移動すると/src
、サーバーは 404 なしで正常に動作します。これは、lite-server または systemjs の設定に問題がありますか?
angular - lite-server で複数のルートを適切に設定する方法
私はlite-serverを使用して Angular アプリケーションを開発しています。私は非常に単純な次のプロジェクト構造を持っています:
私がやりたいことは、 loadスクリプトにアクセスlocalhost:8000/foo
して取得するだけでなく、 foo/index.html
loadingにアクセスして取得することです。foo.js
localhost:8000/bar
bar/index.html
bar.js
Browsersync オプションのドキュメントを読み、次bs-config.json
を使用してファイルを構成しようとしましたが、機能しroutes
ませんでした。