ローカルの開発環境と構成のnginxのVUE-ルータの歴史

VUE-ルータモード=歴史ローカルの開発環境の設定

解決法1. historyApiFallbackを追加し、（devServeはvue.config.jsでVUE-CLI3、webapck.config.jsで、rvue-CLI2の中に存在する）devServerのCIのWebPACKを変更します。真 

一部のドキュメントはWebPACKの上でも、次のとおりです。https://webpack.js.org/configuration/dev-server/#devserverhistoryapifallback

module.exportsは= {
   // ... 
  devServer：{

   historyApiFallback：真

  } 
}。

解決策2：srcipts内のdevのpackage.jsonの値を変更します。

WebPACKの-devのサーバー--history-API-フォールバック

 

 

---

vue-router mode=history nginx配置

最初のテストは動作しませんどのように、そして最終的には自分自身が要約はここにいた失敗した試みで、その結果、私は./セットになったpublicPathを発見していない主の下で、掘ったpublicPath /に設定なぜ、VUE-cliの書き込み明アドレス

手順を解決する1

2.nginxプロフィール

解決策は単純で、1 vue.config.js（VUE-CLI3）提供publicPathは、一つはnginxのtry_files $ URI $ uriの/ /index.htmlが増大することです。

通常の状況下では、あなたが成功し設定することができ、失敗した場合には、この文書を書いたコードのために独自の理由を探すためにも他の人を助けるために願っています