アングラー4は包装して発表します.
1040 ワード
プロジェクトはAnglar CLIに基づいて、命令行インターフェースツールの構築
プロジェクトの開発が完了した後、パッケージのリリース場所で問題が発生しました.これまでずっとanglarjsを使って開発してきましたが、新しいAnglar 4はまだ触れていません.今回のプロジェクトはAnglar 4を選択しました.
angglarjsが直接引用したファイルの発表に比べて、Anglar 4のパッケージが発表されたのはそんなに分かりませんでした.
公式文書から、
一つはnodejs環境を通じて発表します.
もう一つは包装によって発表されます.
以下は包装方式です.
コマンドラインで
ng build--prod--aot
distフォルダを作成し、distフォルダのファイルを直接サーバにアップロードしてアクセスできます.
このようにすればいいと思いましたが、すぐに新しい問題が発見されました.ドメイン名を通じて直接訪問して、どのルートページに入っても大丈夫です.しかし、ページを更新すると、404のエラーページに戻ります.
エラーの原因は、ルート解析エラーの問題です.
サーバはphp環境:
検索によって解決策を見つけ、サーバーにリダイレクトファイルを追加すればいいです.ファイルの内容は以下の通りです.
設定は以下の通りです
プロジェクトの開発が完了した後、パッケージのリリース場所で問題が発生しました.これまでずっとanglarjsを使って開発してきましたが、新しいAnglar 4はまだ触れていません.今回のプロジェクトはAnglar 4を選択しました.
angglarjsが直接引用したファイルの発表に比べて、Anglar 4のパッケージが発表されたのはそんなに分かりませんでした.
公式文書から、
一つはnodejs環境を通じて発表します.
もう一つは包装によって発表されます.
以下は包装方式です.
コマンドラインで
ng build--prod--aot
distフォルダを作成し、distフォルダのファイルを直接サーバにアップロードしてアクセスできます.
このようにすればいいと思いましたが、すぐに新しい問題が発見されました.ドメイン名を通じて直接訪問して、どのルートページに入っても大丈夫です.しかし、ページを更新すると、404のエラーページに戻ります.
エラーの原因は、ルート解析エラーの問題です.
サーバはphp環境:
検索によって解決策を見つけ、サーバーにリダイレクトファイルを追加すればいいです.ファイルの内容は以下の通りです.
RewriteEngine on
# Don't rewrite files or directories
RewriteCond %{REQUEST_FILENAME} -f [OR]
RewriteCond %{REQUEST_FILENAME} -d
RewriteRule ^ - [L]
# Rewrite everything else to index.html to allow html5 state links
RewriteRule ^ index.html [L]
サーバ環境はnginxです.設定は以下の通りです
server {
……
location / {
……
index index.html;
try_files $uri $uri/ /index.html;
}
}
先端交流群:468103283