electron-vueで画面遷移すると404になる

2020年10月7日水曜日

electron electron-vue 画面遷移404

t f B! P L
備忘で残します。
ルーターの指定が正しいのに、うまく機能しない場合は、hrefの指定が間違っている可能性があります。

以下のようにルーティングが設定されているとします。
const routes = {
  routes: [
    {
      path: '/',
      name: 'hoge-page',
      component: require('@/components/HogePage').default
    },
    {
      path: '/fuga',
      name: 'fuga-page',
      component: require('@/components/FugaPage').default
    },
    {
      path: '*',
      redirect: '/'
    }
  ]
}
この場合ヘッダーメニューが次のように指定されていると、production環境では、うまく機能しません。
 href="/"
 href="/fuga"
修正後
 href="#/"
 href="#/fuga"
このようにすることで、画面遷移できるようになるするはずです。

注目の投稿

composer.lockはGit管理すべき話

# 背景 # 結論 # composer installとcomposer updateの違い # 背景 仕事では主にLaravelを使用して開発を行っている。 ソースコードはGitでバージョン管理を行い、compose...

プロフィール

7年ほど中小企業でSIerとして働いていました。 現在は個人事業主としてPHP, Javascriptの企業案件をメインに受けています。 最近はポケモンカードの開封にはまっています。

アーカイブ

このブログを検索

QooQ