VUE.js中访问地址的url带有#的问题

在开发的过程当中会发现，访问VUE的项目是会在访问地址后面加上#，这个#实际上是VUE的HASH模式所产生的，正确点来讲是由于VUE使用了HASH模式。

那么先说若是不想有#应该怎么作：修改路由Router的mode为history便可
例如在vue init webpack my-project建立项目完毕之后，在src->router->index.js里修改

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  mode: 'history'  //把Router的mode修改成history模式,VueRouter默认的模式为HASH模式
})

以上为解决办法。

---

那么稍微说一下HASH模式和history模式到底是什么
首先VUE一般开发为单页面应用（SPA）：
SPA百度百科https://baike.baidu.com/item/...
那么既然是单页面应用，当用户要点击其余组件访问页面内的其余模块时，系统怎么样也要获取一个参数，而后根据这个参数返回不一样的模块给用户使用，这时候就会有一个问题，这个传递的参数只放在后台处理的话是能够正常运做的，但若是用户使用了浏览器的 前进、后退、跳转 这三个功能呢，由于是单页面应用，访问地址是不变的，因此浏览器的 前进、后退、跳转 没法使用，那么要怎么办呢，只能是从访问地址动手脚了。

HASH模式：
HASH模式就是从访问地址动手脚，在访问地址的后面增长#而且带上须要的参数，这样后台就能对不一样的参数显示不一样的模块，并且 #以及后面的参数是不会被包含在HTTP请求中，所以对服务器的请求是没有影响的，更改参数也不会刷新页面。例子：网易云音乐的官网https://music.163.com/#

history模式：
history模式也是从访问地址动手脚，可是再也不使用#，而是想普通的访问地址那样使用/，但若是这样请求的话，服务器是须要另外配置才行，要否则容易出现404错误，具体怎么配置请自行百度。

以上为我对两种模式的简单理解，若有错误还请指点