vue historyモードURLの#番号を削除する方法
で周知のように、historyの下ではURLに自動的に#番号が追加され、URLをより美しくするために#番号の削除が要求されます.次に#番を消す方法についてお話しします.
まずrouterを確認します.js中mode:'history'.
次に、静的ファイルがプライマリドメイン名の下に置かれているか、または2級ドメイン名の下に置かれているかを決定します.例えば、ウェブサイトがwww.baidu/homeであるプライマリドメイン名の下に置かれている場合、パッケージされた静的ファイルをこのドメイン名のルートディレクトリの下に置く場合は、nginxファイルに追加するだけです.
2級ドメイン名(www.baidu/test/home)の場合、2つの場所を変更する必要があります.router.jsファイルにmodeの下に追加
2.nginx
まずrouterを確認します.js中mode:'history'.
次に、静的ファイルがプライマリドメイン名の下に置かれているか、または2級ドメイン名の下に置かれているかを決定します.例えば、ウェブサイトがwww.baidu/homeであるプライマリドメイン名の下に置かれている場合、パッケージされた静的ファイルをこのドメイン名のルートディレクトリの下に置く場合は、nginxファイルに追加するだけです.
location / {
//
if (!-e $request_filename) {
rewrite ^/(.*) /index.html last;
break;
}
}
2級ドメイン名(www.baidu/test/home)の場合、2つの場所を変更する必要があります.router.jsファイルにmodeの下に追加
base:”test"
2.nginx
location /test/ {
//
if (!-e $request_filename) {
rewrite ^/(.*) /test/index.html last;
break;
}
}