vue哈希模式 打包之后变成history

在Vue中，默认情况下使用的是哈希模式（hash mode），即URL中会有一个#符号。而如果想要使用历史模式（history mode），需要进行一些配置。在打包之后，如果想要将哈希模式变成历史模式，需要进行以下步骤：

1. 首先，在实例化Vue Router时，需要将mode属性设置为'history'，如下所示：

const router = new VueRouter({
  mode: 'history',
  routes: \[...\]
})

2. 然后，在服务器端进行相应的配置。因为历史模式使用的是真实的URL路径，而不是带有#的路径，所以需要服务器进行一些配置，以确保在刷新页面或直接访问某个URL时，能够正确地返回对应的页面。具体的配置方式会根据使用的服务器而有所不同。

需要注意的是，如果没有进行服务器端的配置，使用历史模式可能会导致页面无法正常加载。因此，在切换到历史模式之前，需要确保服务器已经进行了相应的配置。
#### 引用[.reference_title]
- *1* *3* [vuejs中路由器的两种模式-哈希模式与历史模式](https://blog.csdn.net/wzc_coder/article/details/126188157)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue路由模式及 history 模式下服务端配置](https://blog.csdn.net/web2022050901/article/details/125482338)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]