なぜルーティングエラーにならないのか

Question

Rails API + Vue.jsをこちらで勉強しているのですが、なぜこれはルーティングエラーにならないのかが疑問です

自分はRailsのみで作ったアプリにVue.jsを後から入れており、今はapiとapiでは無いもの2つに別れています

大体以下のようにerbファイルでVue.jsをファイルを読み込むような記述をして実装しています
resources :tweetsを削除すると全画面でルーティングエラーが発生するのですが、リンク先ではapiのルーティングしか書かれていないのに(root以外)ルーティングエラーになっていません
なぜルーティングエラーにならないのでしょうか？

###route.rb

Rails.application.routes.draw do
   resources :tweets

   namespace :api,{format: 'json'} do
    namespace :v1 do
      resources :tweets
    end
   end
end

###tweets_controller.rb
処理はapiの方で書いている

class TweetsController < ApplicationController
  def index
  end
end

###index.html.erb

<%= javascript_pack_tag 'main' %>

Comments

[maisumakun]

> なぜルーティングエラーにならないのでしょうか？

どのようなURLがルーティングエラーになるだろうと考えたのでしょうか？

Answer 1

当該ページからの引用です。

http://localhost:3000/#/employees/newにアクセスすると

このように、URLはすべてフラグメントとして表してVue側で処理しているので、Rails側にアクセスされるのはトップページだけです。

Comments

[maisumakun]

もっとも、フラグメントでURLを表すという技法も時代遅れとなりつつあります。

#なしでURLをそのまま使いたい場合、サーバサイドでもそれ相応の準備（どのURLにアクセスしても、Vueをはめ込むルート部分のHTMLを表示する形だけで問題なし）が必要です。

[Meitoku]

なるほど、ありがとうございます

Answer 2

最低限、bin/rails routesの実行結果を確認してください。
定義されているルーティングの一覧が表示されます。

それから公式のルーティングの説明も読んでください。
https://railsguides.jp/routing.html

Comments

[Meitoku]

1年ほどRailsで作品を作っておりbin/rails routesなどは分かっていて正常な結果が帰ってくるのですが、できれば質問の答えに繋がるような回答を頂きたいです・・