部署问题-Vue Router在history模式下刷新页面404问题

Vue Router模式：

（1）Hash：原理是onhashchange事件 请求中是在hash值之前的内容,所以请求始终是有效的

（2）History：原理是利用了h5的Interface 中的pushState()方法和replaceState()方法，它们提供了对浏览器历史记录进行修改的功能，但当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求。

两种Router模式的区别：

直观：在Hash模式下，地址栏会带上#，看起来不美观；History模式下则不会；

致命：在Hash模式下，上线之后不会出现问题；在History模式下，刷新界面时，改变了当前的URL，却不会立即向后端发送请求，所以会出现404问题；

解决办法： 

方法一：亲测有效（vue.js官方教程里提到的https://router.vuejs.org/zh-cn/essentials/history-mode.html）

server {
        listen