vue vue-Router默认hash模式修改为history需要做的修改
主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题,因为未登录用户在活动页面进行操作的时候会触发到登录事件,然后我们实现的方式是通过接口来判断,该接口标记的是一个upn的值
然后登录的时候是单点登录,不知道是否回调地址不支持vue形式下hash模式的路由,因而自动忽视了后面的#路径
然后我查了一下一般回调以后#后都会默认为书签,我转义了然而还是只能职别#之前的路径
由于不是很清楚登录单点那一块而且他们暂时实现没有什么业务问题(当然开始~~就是不稳定,现在有时候还是会有不稳定的问题)所以暂时不存在让他们的回调地址支持vue的hash模式路由的问题
然后我就只能修改vue Router的路由模式,修改为了hostory模式
好吧,摸索了很久不然可能真的没有办法解决
运维部署的活动地址线上的路径是 https://xxxxx.xxxxl./activity
我做了两处修改
1、修改模式
2、切到网站路径下的/activity
3、其它路径切到/activity/
当然这么处理以后本地运行出来肯定是白板。因为方便我一般是切到文件夹下直接 run的
没有再本地使用搭建本地的所以,需要两份路由一份只修改模式,一份继修改模式又切换路径
然后这样只是代码上的处理我们还需要修改服务端的配置
基于运维良好的配合,才能尝试出来,很是开心
他们本来对活动做的配置
参考router官方文档
使用 try命令尝试多种配置
location / { try_files $uri $uri/ /index.html; }
然后完成这些设置以后线上终于可以访问 https://xxxxx.xxxxx./activity/valentine
这种路径的形式了,当然这个地址是实际存在的,它并不会跳转到配置的路由的首页
以上这篇vue vue-Router默认hash模式修改为history需要做的修改详解就是长沙网络推广分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程