問題タブ [html5mode]

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 投票する
1 に答える
44 参照

javascript - Express.js および Angular.js html5mode (URL の # を回避)

ExpressJSサーバーサイドを使用してAngularアプリで # を回避することに取り組んできました。html5mode を有効にする方法を調査しましたが、うまくいきました。しかし、/api/services などの別の URL からデータを取得する別の 'get' 要求がある場合は常に、何らかの理由で壊れているように見え、ページに適切にデータを提供しません。

これが私がエクスプレスエンドで行ったことです。

100% 確実ではありませんが、「/*」が原因で、サーバーが API URL を読み取る際に問題が発生する可能性があります。この問題の経験があり、これを解決するための解決策があるかどうか疑問に思っています。

お時間をいただきありがとうございます。

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

angularjs - ExpressJS での HTML5 url モードを使用した AngularJS の SEO

これまでのところ、私は prerender.io を使用して、angularjs Web サイトを seo フレンドリーにしています。ハッシュバン (website.com/#!) を含む URL に関しては問題なく動作しました。

現在、私は自分のウェブサイトを html5mode に移行させています。これは、URL に hashbangs が含まれておらず、よりきれいに見えます。しかし、html5のurlに行ってもprerender.ioがうまく動きません。

また、Google の新しいテクノロジーにより、エンジンが Javascript フレームワークの Web サイトを自動的にレンダリングできると主張する Google の記事を思いつきました ( https://webmasters.googleblog.com/2015/10/deprecating-our-ajax-crawling-scheme.html )。ただし、Google Search Console で「Fetch as Google」ツールを使用しているためです。レンダリングが非常に悪く、私のタイトルとメタディスクリプションは、レンダリングされない angularjs 構文 ({{seo.tile}} または {{seo.desc}}) を吐き出します。

遭遇した問題をどこから始めて修正すべきか、私はかなり迷っています。私は prerender.io から離れようとしましたが、これは必ずしも必要ではないと思うからです。

まとまりのない投稿と質問で申し訳ありません。以下の質問を明確にして結び付けてみましょう。

1) angularjs について Google ボットに教える必要はありますか?

2) AngularJS+ExpressJS SEO の最も安定したベスト プラクティスは何ですか? これには、不安定で簡単にクラッシュする方法を試したくありません。

どうぞよろしくお願いいたします。

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

angularjs - URL角度アプリからハッシュを削除するには?

重複した質問かもしれません。しかし、私は非常に多くの解決策を試しましたが、答えはありません。angular Webアプリにui-routerを使用しています。angularアプリを提供するためにapache2サーバーを使用しています。私はUbuntuを使用しています。私のプロジェクト コードはフォルダ \var\www\html\myapp 内にあります。ここで、 myappはアプリケーション フォルダです。次のことを試しました
1<base href="/myapp/">ヘッドタグに追加
2追加$locationProvider.html5Mode(true); または$locationProvider.html5Mode({ enabled: true, requireBase: false}); (両方を別々に試しました)
3.htaccess次の内容のファイルを追加

パスを提供するためにGoogleから取得した.htaccessファイルのその他のコンテンツ。
\var\www\html\ と \var\www\html\myapp の中に .htaccess ファイルを入れてみました。URLからハッシュを削除しますが、更新をクリックすると、見つかりませんと表示されます。誰でも私を助けてください。

0 投票する
0 に答える
95 参照

angularjs - 更新時の Express + AngularJS html5mode が正しく機能しない

Express と AngularJS を使用した Web アプリの構築に取り組んでいます。問題は、html5モードを理解する方法(AngularアプリのURLでハッシュバンを回避する方法)をかなりよく理解していましたが、理解していなかったことです。

現在、www.url.com/register などの通常の URL では、問題なく動作します。リフレッシュしても安定しています。ただし、「www.url.com/user/1231231412414」などのパラメーターを持つ一部の URL では、更新すると、裸の json データ セットが表示されます。

ルート スクリプトの最後に router.get('*', {=}) を配置し、できることは何でも試しましたが、完全に行き詰まりました。

解決策を知っていて、この問題を経験した人はいますか? この問題に関するヘルプやアドバイスをいただければ幸いです。みんなありがとう。

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

javascript - ui-router html5Mode は静的 html ファイルへの href を好みません

html5Mode なしで (hangbang URL 構文を使用して) ui-router を使用する場合、href を使用して他のページ (または静的 html コンテンツ) への完全なページ更新を行うアンカー タグが正しく機能します。html5Mode を有効にするとすぐに、hrefs がブラウザの URL を更新していますが、サーバー リクエストは行われません。

hrefs と ui-sref を尊重するという点で、html5Mode は非 html5Mode のように機能するという印象を受けました。

何か不足していますか?

html5Mode(true) に設定すると、静的 html ファイルに移動できないプランカーを作成しました。html5Mode(false) を設定すると、静的 html ファイルに移動できます。どちらの場合も、他のすべてのルーティングは正常に機能します。

何か案は?

http://plnkr.co/edit/nFtjHX?p=preview

plunker リンクを追加するときにコードを表示する必要があるため、構成は次のとおりです。

0 投票する
0 に答える
330 参照

node.js - 反応ルーターの HTML5 モード

ラズベリーパイで素敵なウェブサーバーを構築しました。反応ルーターとApacheを使用してWebアプリケーションを実行しています。しかし、私の問題は、Apache サーバーが HTLM5 モードではなく、必要な URL が表示されないことです。どうすれば HTML5 モードにできますか? 誰かが私の問題の解決策を見つけることができますか? とても感謝しています。