パスから # 記号を削除する Vue メソッド

vue-router にはハッシュ モードとヒストリー モードの 2 つのモードがあり、# が付いているのがハッシュ モードであることは誰もが知っています。次に、Vue でパスの # 記号を削除するための解決策を紹介します。興味のある方はご覧ください。開発プロセス中に、パスに /#/ 記号があり、削除できないことがわかりました。とても難しいです。

ご存知のとおり、vue-router にはハッシュ モードとヒストリー モードの 2 つのモードがあります。

#が付いたものはハッシュモードです。

ルーターのモードを履歴に設定するだけです

その後、インターフェイスが更新されるとすぐに、問題が404に変わります。 ！ ！ ！

オンラインで検索した後、バックエンド環境を構成する必要があります。

ここにはnginxの設定のみが記載されています。他の設定については、ここをクリックして公式Webサイトにアクセスしてください

最初にconfig/index.jsを設定します

assetsPublicPathをルートディレクトリに変更します

次に設定します。 nigx

module.exports = {
  build: {
      env: require('./prod.env'),
      index: path.resolve(__dirname, '../dist/index.html'),
      assetsRoot: path.resolve(__dirname, '../dist'),
      assetsSubDirectory: 'static',
      assetsPublicPath: '/',   // hash 模式会默认的在此处 添加为 assetsPublicPath: './'
      productionSourceMap: true,
      ...
    }
}

URL に # がなくなりました、なんて完璧ですね

上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連コンテンツについては、PHP 中国語 Web サイトに注目してください。 ！

関連する推奨事項:

Vue2.0 マルチタブ切り替えコンポーネントのカプセル化の概要

ES6 クラスを使用して Vue を模倣し、双方向バインディングの例を作成する

Cropper.js に基づいて、 vueをカプセル化してオンライン画像を実装する トリミングコンポーネントの関数

以上がパスから # 記号を削除する Vue メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。