Dva: 開発環境とビルド環境でbrowserHistoryを使用するにはどうすればよいですか?

作成日 2016年10月20日  ·  11コメント  ·  ソース: dvajs/dva

公式文書によると
'dva / router'から{browserHistory}をインポートします。
// 1。初期化します
const app = dva({
履歴:browserHistory、
});

これは正常ですが、アクセスルートの下にある他のページが見つかりません。
URLに#文字が含まれている場合、それは正常です。お知らせ下さい

faq question

最も参考になるコメント

ロードホッグサーバー開発環境でブラウザの履歴を使用する方法

全てのコメント11件

browserHistoryを使用した後、サーバーはパンルーティングを構成し、すべてのルートをindex.htmlファイルにポイントする必要があります。

@ lincenying 聞いてください
それで、それがdva-cliで作成されたスキャフォールドであり、doraが開発サーバーとして使用されている場合、どのように構成する必要がありますか?
さらに、オンライン環境を通常どおりにデプロイする場合(atools-buildで生成)はどうすればよいですか?

@ lincenying @ sorryccに感謝するチュートリアルやデモはありますか

開発中モード

dora-plugin-browser-historyを使用し、インデックス

構築環境

サーバー(ノードなど)でのnginxまたはバッチ処理ルーティングによるサーバーサポートが必要です。例: https

チャームのように機能します✌️
thx @sorrycc

nginxの簡単な構成を追加します。

server {
    listen 8088;
    listen [::]:8088;

    root /opt/web/static;

        location / {
          try_files $uri /index.html;
        }
}

生成されたatool-build
index.css
index.html
index.js
nginxルートの下に置くだけです。ここでは/opt/web/static

        location / {
          try_files $uri /index.html;
        }

ページを更新しなくても問題ありません。私が遭遇した問題は、 dev.site/foo/barこのページにルーティングされると、f5が更新され、js、cssなどのリソースファイルのパスも変更されることです。

dev.site/foo/bar/common.js 
...
dev.site/foo/bar/index.css

この状況でnginxを構成する方法がわかりません。ありがとうございます

@xjdataリソースファイルのリンクは、 /common.jsなどの絶対パスを使用します。

@sorryccありがとうございます。

ロードホッグサーバー開発環境でブラウザの履歴を使用する方法

また、ロードホッグサーバー開発環境でブラウザの履歴を使用する方法についても助けを求めてください。

このページは役に立ちましたか?
0 / 5 - 0 評価