問題タブ [html5mode]

概要 ：

ディレクトリ構造内のデフォルト ページ (index.html) で訪問者をリダイレクトして、ファイルを使用してディレクトリにアクセスしたときに表示したいと思い.htaccessます (現在、現在のディレクトリ index.html が読み込まれています)。

$locationProvider.html5Mode(true)しかし、角度のあるアプリケーションでオンにすると、エラーが発生します。

コンソール エラー:

アプリケーションのディレクトリ構造:

public_html => .htaccess :

これ.htaccessは、ドメイン名を使用してアプリケーション ページ ( prod/public/index.html) の訪問者を直接リダイレクトするために使用されます。現在、ユーザーがドメインにアクセスすると、現在のディレクトリ ( public_html) index.html が読み込まれます。

public_html => prod => .htaccess :

prod => public => index.html :

$locationProvider.html5Mode(true)ファイルから削除すると、すべて正常に動作します。そのため、コードapp.config.jsをコメントアウトすると、すべてがモードで正常に動作します。などには問題なく行けます。部品を入れ直しても何も起こりません。$locationProvider#/#/abc$locationProvider

成功しなかった Stack Overflow の関連する問題:

$locationProvider.html5Mode(true) の問題

ApacheでAngular html5モードが機能しない

これは私の .htaccess ファイルです

そして、私のhtmlページには、これがあります

サーバーがリクエストすることを期待していますhttp://localhost/myapp_dev/public/libs/angular/angular.js

しかし、とにかく存在しないこのURLを要求しています。

.htaccess コードに問題はありますか?

/foo/ のベース URL を持つページがあり、パラメーターを期待するように状態を設定しました。

したがって、ユーザーが /foo/user1/ にアクセスすると、user1がパラメーターになります。

両方のタイプの URL を監視することは可能ですか? たとえば、/foo/user1/ と /foo/user1 (スラッシュがないことに注意してください) を同じ状態で宣言できますか?それとも、末尾のスラッシュを特に監視するために別の状態を作成する必要がありますか?

現在、どちらか一方を指定できますが、両方を指定することはできません。それは正確な記述ですか、それともドキュメントに何か欠けていますか?

概要 ：

使用するAngularJSアプリケーションが$locationProvider.html5Mode(true)あり、Apacheサーバーから提供されます。これまでは、ソース コードを他のコードからアクセスできるように使用しており、angularJS の HTML5 モード用に index.html へのリダイレクトが必要でした。だから私は自分のフォルダの.htaccessファイルにこれを持っていました。/app

.htaccess :

変更:

次に、アプリのフォルダーに生成されるソリューション全体を縮小するために Grunt を追加しました/dist(したがって、縮小されたソリューションは /app/dist にあります)。ユーザーにリンクを変更させずに、アプリのトラフィック全体を縮小版にルーティングしたいと思います。したがって、実際には、すべての呼び出しを /app から /app/dist にリダイレクトしたいと考えています。

現在のディレクトリ構造:

/app の .htaccess でここからいくつかの条件を使用しようとし、他の .htaccess ファイルを /app/dist に移動しましたが、成功しませんでした。この2つをこのように組み合わせることができるかどうかさえわかりません。代わりに dist フォルダーを /app として使用できることはわかっていますが、/app はリポジトリであり、更新を維持する方が簡単であるため、これはあまり必要ありません。では、リダイレクトでこれを達成するにはどうすればよいでしょうか?

また、2 つ目として、デバッグを改善するためにアルファ ユーザーが通常の (縮小されていない) バージョンを使用できるように、フラグを設定することはできますか?

アップデート：

このためのサンプル プロジェクトをここに追加しました。上に示した最初の .htaccess ファイルを保存しただけで、両方のバージョン (/testと/test/dist) が上記のように機能することを確認できます。また、おそらく未使用のコードと依存関係がいくつかありますが、プロジェクトから他の部分を切り取っただけです（判断しないでください:D）。

このために、AngularJS 1.4.8 で初期構成を使用しました。これは、こことここに記載されているようなエラーを生成する可能性があります。AngularJS のバージョンを 1.5.8 (Angular 1 の最後の安定版リリース) に自由に更新してください。ただし、 Cosmin Ababai の投稿へのコメントも考慮してください。また、プロジェクトは、grunt (および grunt のその他の拡張機能) のインストールに npm を使用し、angular およびその他の基本コンポーネントの場合は bower を使用し、縮小版のビルドには grunt を使用します (実際には、今のところ同じファイル内のリソースを連結しているだけです)。依存関係を変更する必要がある場合は、実行することを忘れないでくださいbower install。dist フォルダーを再生成する場合は、実行することを忘れないでnpm installくださいgrunt build。

の角度ルートに従ってアプリケーションをルーティングしたいと考えていますhtml5mode(true)。これが私のAngularコードスニペットです。

index.html

app.js

app.routes.js

userController.js

しかし、ブラウザで http://0.0.0.0:3000 という URL にアクセスすると、正しい http://0.0.0.0:3000/user に URL がリダイレクトされますが、リロードしようとするとCannot GET /user、推測は Node サーバーからの応答です。ブラウザーがhttp://0.0.0.0:3000またはhttp://0.0.0.0:3000/userを使用するようにアプリケーションを構成するにはどうすればよいですか。

更新: NodeJS サーバー コード。

nodeJS に関連するコードを含まない単純な AngularJS アプリケーションがあります。URL から # を削除する際に問題に直面しています。ルーティングには ui-routes を使用しました。

また、index.html の head セクションに base タグを追加しました。

また、 require no base も試しましたが、まだ機能していません。

base タグを追加すると、index.html ファイルに含めたすべてのアセットに対して 404 が表示されます。

これには迅速かつ簡単な解決策が必要です。

前もって感謝します！

HTML5Mode でのルーティングに ui-router を使用して単純な角度のある Web ページを作成しようとしています。サーバーとしてVisual StudioとIIS expresを使用しています

index.html

app.js

ページ index.html にはタグがありました

URL は正常に機能しますが、ページを更新するとエラー 404.0 - 見つかりません。これが何を引き起こすのか、何か考えがありますか？

UbuntuシステムでPHP、MySQL、apache2を使用してangularjsプロジェクトを構築しています

プロジェクトの構造 var/www/html/demo/

Demo フォルダは私のプロジェクト フォルダです。 demo=>js(All js file), index.php, addstudent.php file etc

ページ全体を更新し、AngularJS で html5Mode(true) を使用してルーティングの概念を使用しているときに問題に直面していますが、.htaccess ファイルでは正しく動作しません。

要求された URL /demo/addstudent がこのサーバーで見つかりませんでした。

htaccessコードはこちら

DirectoryIndex デモ/index.php

index.php に追加された base ref は