请说说vue的两种路由模式及区别?history上线问题

Vue有两种路由模式：hash模式和history模式。

1. hash模式

在hash模式下，URL中#后面的内容称为hash值，用于表示当前页面的状态。hash模式的路由实现是基于浏览器自身的hash机制，通过监听hash值变化来实现前端路由。例如：http://www.example.com/#/home。

优点：兼容性好，在所有浏览器中都支持；不会向服务器发送请求，因此更加快速。

缺点：URL中会带有#号，不够美观；不支持浏览器前进和后退按钮的操作。

2. history模式

在history模式下，路由通过改变浏览器地址栏中的URL来实现前端路由。例如：http://www.example.com/home。

优点：URL更加美观，没有#号；支持浏览器前进和后退按钮的操作。

缺点：需要服务器端的支持，防止刷新页面时出现404错误；有些浏览器不支持history模式。

在history模式下，当用户直接访问某个页面时，刷新会出现404错误。解决方法是在服务器端配置一个统一的入口页面，让所有404页面都指向该入口页面。

总之，两种路由模式各有优缺点，开发者在选择时需要根据实际情况进行考虑。