在使用Vue搭建前端服务器时，路由出现#号的解决办法

路由模式解析

　　这里要讲vue-router的路由模式，首先要了解的一点就是路由是由多个URL组成的，使用不一样的URL能够相应的导航到不一样的位置。若是有进行过服务器开发或者对http协议有所了解就会知道，浏览器中对页面的访问是无状态的，因此咱们在切换不一样的页面时都会从新进行请求。而实际使用vue和vue-router开发就会明白，在切换页面时是没有从新进行请求的，使用起来就好像页面是有状态的，这是什么缘由呢。这实际上是借助了浏览器的History API来实现的，这样能够使得页面跳转而不刷新，页面的状态就被维持在浏览器中了。

Vue-router的三种模式

• Hash:       使用URL的hash值来做为路由。支持全部浏览器。 

• History:     以来HTML5 History API 和服务器配置。参考官网中HTML5 History模式 

• Abstract：支持全部javascript运行模式。若是发现没有浏览器的API，路由会自动强制进入这个模式。

vue-router默认使用的是hash模式，这就会出现以下URL：

解决方法

只须要将router文件下的index.js（建立方式不一样，也多是router.js）中的以下代码位置修改成history模式便可。