全局修改router中的url,添加静态字段,多条链接访问项目


需求:项目分不同的城市,多个链接访问项目(链接上增加城市名称)

用的vue-router

如图:

 方法:

 

 获取url,然后截取hefei

var url = document.location.pathname;
var index = url.substr(url.indexOf('/', url.indexOf('/') - 1) + 1).substring(0, url.substr(url.indexOf('/', url.indexOf('/') - 1) + 1).indexOf('/'));
console.log("url", url)
console.log("index", index)

console.log("url", index)
export default new Router({
    mode: 'history', // 去掉url中的#
    base: index,
    scrollBehavior: () => ({ y: 0 }),
    routes: constantRoutes
})

之前的思路:

1:匹配多个城市名称(行不通,它只能读取第一个)

2:配置多个nginx代理

后台配置,但是nginx只能登陆页的链接修改,登陆系统后,添加配置文件,动态打包。麻烦(我也没试)

问题:当用户退出的时候,怎么区分退到哪个登录页

(1)后台接口返回退出当前系统的值,让你判断当前为什么系统,然后再拼接上

例如(后台返回_hfwxb)

根据拿到的值,判断类型

 在将路由返回到登陆页,拼接上参数