首页 > 建站教程 > 前端框架 >  vue路径#号去除正文

vue路径#号去除

我爱模板网在做一个对接工商银行支付的项目时,工行要求回调地址不能有#号。如下:
将:
http://api.5imoban.net:9095/#/online-pay/list
改为:
http://api.5imoban.net:9095/online-pay/list
这个项目是基于vue-cli的,路由用的是vue-router。
vue路由分为hash模式和history模式,默认是hash模式。不要#号,就只能改成history模式:
mport Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import city from '@/components/city'
Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    },
    {
      path:'/city',
      name:'city',
      component:city
    }
  ],
  mode:'history'   //去除#号
})