[vueプロジェクト]ジャンプページ

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

おすすめ

転載: blog.csdn.net/m0_46459413/article/details/131088845