vue-router History 本地開發環境和nginx配置

vue-router mode=history本地開發環境配置

解決方法1.修改webpack的的devServer配置項（devServe存在於，rvue-cli2在webapck.config.js，vue-cli3在vue.config.js），新增historyApiFallback: true 

webpack文檔上也有些：https://webpack.js.org/configuration/dev-server/#devserverhistoryapifallback

module.exports = {
  //...
  devServer: {

   historyApiFallback: true

  }
};

解決方法2：修改package.json的srcipts 里面的 dev 的值

webpack-dev-server --history-api-fallback

 

 

---

vue-router mode=history nginx配置

一開始怎么試都不行，最后發現是自己給自己挖坑,總結下主要還是沒有發現publicPath被我設置成了 ./  ，導致一直嘗試不成功，這里publicPath為什么要設置成 /  ，vue-cli有寫明，地址

解決步驟1

2.nginx配置文件

解決方法很簡單，一個是vue.config.js（vue-cli3） publicPath 設置，一個是nginx 增加try_files $uri $uri/ /index.html;

一般情況下，就能設置成功了，如果不成功，先找找自己代碼原因，寫這篇文檔希望也能幫到其他人