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;

一般情况下，就能设置成功了，如果不成功，先找找自己代码原因，写这篇文档希望也能帮到其他人

转载于:https://www.cnblogs.com/zph666/p/11468883.html