NetlifyでホストされているVue SPAのルートパスに_redirectsファイルを追加します。

Question

Vue CLIを使用して単一ページアプリケーションを開発しています。

私はこれに従う必要が：https://www.netlify.com/docs/redirects/#history-pushstate-and-single-page-appsをし、次のと私のサイトフォルダのルートに_redirectsファイルを追加します。

/* /index.html 200 

問題は、私はこの_redirectsファイルを追加する方法がわからないです私のdistフォルダのルート。私はそれを静的フォルダに追加しようとしましたが、ルートではなくサブフォルダで終わります。 Netlifyにデプロイした後に履歴モードが機能するように、このファイルを含めるにはどうすればよいですか？

// config/index.js 
build: { 
    // Paths 
    assetsRoot: path.resolve(__dirname, '../dist'), 
    assetsSubDirectory: 'static', 
    assetsPublicPath: '/', 

Answer 1

Vue.jsは静的資産をコピーするためにwebpackを使用します。このケースでは、Netlifyのために必要なものが、製品ビルドのためにwebpack.prod.conf.jsに保存されています。私は最高のクリーンな構成があると信じていますbased on this solution.

​​3210のファイルをwebpack.prod.conf.jsで検索してください。

// copy custom static assets 
new CopyWebpackPlugin([ 
    { 
    from: path.resolve(__dirname, '../static'), 
    to: config.build.assetsSubDirectory, 
    ignore: ['.*'] 
    } 
]) 

（静的フォルダのプロジェクトと同じレベルにあるフォルダ）ルートを作成します あなたが好きこの任意の名前を付けることもできますが、私は、例えばrootを使用します。

ファイルが新しいディレクトリにあるか、それを呼び出すファイルであることを確認します。

// copy custom static assets 
new CopyWebpackPlugin([ 
    { 
    from: path.resolve(__dirname, '../static'), 
    to: config.build.assetsSubDirectory, 
    ignore: ['.*'] 
    }, 
    { 
    from: path.resolve(__dirname, '../root'), 
    to: config.build.assetsRoot, 
    ignore: ['.*'] 
    } 
])