1.外部リンクページへジャンプします
現在のページを置換 (現在のページを再配置): window.location.href
EX: window.location.href = "http リンク"
新しいウィンドウを開く: window.open()
例: window.open("https://www.xxx.com")
window.location.href と window.open() の違い: https://blog.csdn.net/lhban108/article/details/110929435
2. プロジェクト内の HTML ページにジャンプします
1. ルーティングジャンプはURLを変更することで実現でき、指定したルーティングアドレスにジャンプします。
this.$router.push({
path: "recruitment-detail",
})
2. プロジェクトのルート ディレクトリにパブリック フォルダーがある場合は、そのフォルダーに直接配置し、index.html と同じレベルから開始し、プロジェクト パスに従ってアクセスします。
例: Pages/test.html を public に作成し、次のようにします。 ブラウザのアクセス パスは次のとおりです。 http://host:port/pages/test.html
この時点で、 test.html ファイル パスはプロジェクトのルートディレクトリからの絶対パス形式に変更する必要があります。
3. プロジェクトのルート ディレクトリがパブリックではなく、静的フォルダーがある場合は、/pages/test.html を静的フォルダーに配置し、静的な絶対パスに従ってアクセスします (例: 新しいページ/test2 を作成します)
。静的な html の場合、ブラウザーのアクセス パスは次のとおりです: http://host:port/static/pages/test2.html
注: 現時点では、test.html ファイル内で参照されるすべての js、css、画像、およびその他のパスが必要です。 /static/xxx に変更します。 このプロジェクトでは、test2.html が参照する CSS ファイルが、パス: static/pages/css/test2.css に、/xxx.xx の形式で格納され、test2 に参照されます。 html は /static/pages/css/test2.css である必要があります。
参考リンク:https://www.cnblogs.com/kebaoye/p/15970258.html
3. プロジェクト内のHTMLページのコード化けへの対応
1. 文字化けの原因
① 例えば、Webページのソースコードはgbkでエンコードされているのに対し、コンテンツ内の漢字はutf-8でエンコードされているため、ブラウザで開くとhtml文字化けが発生します。逆に、ウェブページがutf-8でエンコードされており、コンテンツがgbkである場合、文字化けが発生します。
②htmlウェブページのエンコーディングはgbkであり、プログラムがデータベースから呼び出してutf-8エンコーディングとして提示するコンテンツもエンコーディング文字化けを引き起こします。
③ブラウザがWebページのエンコードを自動検出できないため、Webページが文字化けしてしまう。
2. 文字化けを解決するには、
HTMLのheadタグにコードを追加します。
<meta charset="utf-8">
元:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
参考リンク:https://blog.csdn.net/qq_41046162/article/details/128557979