vue 去掉烦人的小"#"符教程

vue 如何去掉 # 教程

• 有些人在编程时会感到 vue 的 "#" 符很麻烦,想去掉它,又不会,怎么办?
  不要怕教程他来了,其实很简单只需要对router路径下的index.js进行改动就可以了
  

• 一开始的项目是这样的对吧

  import Vue from 'vue'
  import Router from 'vue-router'
  import HelloWorld from '@/components/HelloWorld'
  
  
  Vue.use(Router)
  
  export default new Router({
    routes: [
      {
        path: '/',
        name: 'HelloWorld',
        component: HelloWorld
      }
    ]
  })
  
  

• 总之废话不多说,即使我说了也说不清楚,直接上代码,自己比对一下吧!

  import Vue from 'vue'
  import Router from 'vue-router'
  import HelloWorld from '@/components/HelloWorld'
  
  Vue.use(Router)
  
  var routes_list = [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
  
  export default new Router({
    routes: routes_list,
    mode:"history"
  
  })
  
  

  修改成以上代码后,一定要保存,再运行程序就可以发现 # 没有了

  当然代码仅供参考.