公式文書によると
'dva / router'から{browserHistory}をインポートします。
// 1。初期化します
const app = dva({
履歴:browserHistory、
});
これは正常ですが、アクセスルートの下にある他のページが見つかりません。
URLに#文字が含まれている場合、それは正常です。お知らせ下さい
browserHistoryを使用した後、サーバーはパンルーティングを構成し、すべてのルートをindex.htmlファイルにポイントする必要があります。
@ lincenying 聞いてください
それで、それがdva-cliで作成されたスキャフォールドであり、doraが開発サーバーとして使用されている場合、どのように構成する必要がありますか?
さらに、オンライン環境を通常どおりにデプロイする場合(atools-buildで生成)はどうすればよいですか?
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ありがとうございます。
ロードホッグサーバー開発環境でブラウザの履歴を使用する方法
また、ロードホッグサーバー開発環境でブラウザの履歴を使用する方法についても助けを求めてください。
最も参考になるコメント
ロードホッグサーバー開発環境でブラウザの履歴を使用する方法