本篇文章主要介绍了如何去除vue项目中的#及其ie9兼容性，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

主要介绍了详解如何去除vue项目中的#——History模式 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

一、如何去除vue项目中访问地址的# vue2中在路由配置中添加mode（vue-cli创建的项目在src/router/index.js） export default new Router({ mode: 'history', routes: [ { path: '/', name: 'menu', component: menu, children: [ { path: 'organization', component: or

使用vue-cli搭建的环境，在配置好路由之后，可以看到下面的情况：    但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？ 所以就去Stack Overflow上搜索了，果然还有~  看来Stack Overflow是真的强大，你在项目中遇到的问题实际上在so上都已经被问过并且解决了，这不： 　  　　 这是最高票的回答，即在vue2中将mode模式设置为history，试过之后确实奏效！ 但是知道这样可以解决问题，却不知道为什么，这是不行的，　随着连接，我们看到了文档。 所以这篇

在开始本篇的主题之前，让我们把上次遗留下来的问题都清理一下： 将其他组件中 axios 请求的地方封装起来。 这里就不把代码放在开头了，相关代码都放在文末，有兴趣了解的童鞋可以先往下翻。 好了， 我们现在把上篇剩下的任务给完成了，接下来我们来正式开始本篇内容吧。 去重是什么 字面上意思：去除重复，在项目中，不可避免的会出现重复代码。但是如果不好好去处理这些重复代码，那很有可能就会给你很多“惊喜”。 如何为“重复” 下一个定义呢？ 从最浅显的层次来看， 相同即是重复。在我们上面的代码中，每一个组件