仲介私は、ルーティングを処理するためにVUE-ルータと一緒に、フロントエンドのバックエンドとVueJSに仲介（ルビー）を使用してウェブサイトを構築していますページのリロード

Question

に「ページが見つかりません」。あなたがここに見ることができるようにID：私VUE-ルータ指数では、私は/チャプター/上のビデオ・コンポーネントをロードしています

const routes = [ 
    { 
    name: 'chapter', 
    path: '/chapter/:id', 
    component: Video, 
    props: true 
    }, 
] 

すべてはあなたが<router-link>をクリックすると期待どおりに動作している - しかし、あなたはリロード時にページ（たとえば、/ chapter/2）には、Middlemanから 'File Not Found'がロードされます。

ルーティングを無効にするためにMiddlemanには何かがありますか？

ご協力いただければ幸いです！ありがとう

Answer 1

要求されたアドレスがchapter/:idの場合は、index.htmlを返すようにバックエンドを設定するか、バックエンドのAPIリストのアドレスでない場合は常にバックエンドを設定します。すべてに沿って実行しているapp.jsか何かを持っている私たちはVUEで構築された単一ページ・アプリを使用すると、私たちはindex.htmlに常に

、そして時にルート変更、スクリプトはそれを検出して、ページの内容を変更するが、我々は決してindex.htmlを残しませんでした。したがって、ページをリロードすると、ブラウザはサーバーからdocument/htmlを要求します.HTMLにjsスクリプトが入ってスクリプトが実行され、アドレス/ルートのために何を表示するかを決定します。良い。

だからあなたの場合には、一部だけ「/chapter/:idを訪問したときに、ブラウザがHTMLファイルを取得することを確認し、」修正する必要があります。