生产环境上 vue-router路由history模式出现404问题

**

问题场景

**
需求是三块大屏展示，一个大屏显示一个页面，不需要点击菜单进行页面跳转，所以前端页面就直接使用了简单的路由配置

路由模式使用的是history模式，在本地环境一切正常，但是部署到生产环境时，只有ip:port/路由访问可以看到首页展示画面，像ip:port/firstScreen、
ip:port/secondScreen、ip:port/thirdScreen、页面都返回404。

**

解决方法

**
可以参考此链接：解决路由404问题
由于我们直接在地址栏中输入具体的路径，是会向服务器发起请求，但是请求的目标服务器上并没有，所以直接返回了404。
解决方法就是需要正确的配置nginx的try_files属性即可。