vue vue-Router默认hash模式修改为history需要做的修改详解
主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题,因为未登录用户在活动页面进行操作的时候会触发到登录事件,然后我们实现的方式是通过接口来判断,该接口标记的是一个upn的值
然后登录的时候是单点登录,不知道是否回调地址不支持vue形式下hash模式的路由,因而自动忽视了后面的#路径
然后我查了一下一般回调以后#后都会默认为书签,我转义了然而还是只能职别#之前的路径
由于不是很清楚登录单点那一块而且他们暂时实现没有什么业务问题(当然开始~~就是不稳定,现在有时候还是会有不稳定的问题)所以暂时不存在让他们的回调地址支持vue的hash模式路由的问题
然后我就只能修改vue Router的路由模式,修改为了hostory模式
好吧,摸索了很久不然可能真的没有办法解决
运维部署的活动地址线上的路径是 https://xxxxx.xxxxl.com/activity
我做了两处修改
1、修改模式
2、切到网站路径下的/activity
3、其它路径切到/activity/
当然这么处理以后本地运行出来肯定是白板。因为方便我一般是切到文件夹下直接 run的
没有再本地使用搭建本地的所以,需要两份路由一份只修改模式,一份继修改模式又切换路径
然后这样只是代码上的处理我们还需要修改服务端的配置
基于运维良好的配合,才能尝试出来,很是开心
他们本来对活动做的配置
参考router官方文档https://router.vuejs.org/zh-cn/essentials/history-mode.html
使用 try命令尝试多种配置
location / { try_files $uri $uri/ /index.html; }
然后完成这些设置以后线上终于可以访问 https://xxxxx.xxxxx.com/activity/valentine
这种路径的形式了,当然这个地址是实际存在的,它并不会跳转到配置的路由的首页
以上这篇vue vue-Router默认hash模式修改为history需要做的修改详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- vue vue-Router默认hash模式修改为history需要做的修改
- vue-router中的hash和history两种模式的区别
- Vue-router 中hash模式和history模式的区别
- semanage命令_Linux semanage 命令用法详解:默认目录的安全上下文查询与修改
- IIS由64位模式修改为32位模式,ASP.NET需要重新注册
- vue router mode 设置"hash"与"history"的区别
- vue-router的history模式发布配置
- 详解如何将 Vue-cli 改造成支持多页面的 history 模式
- Linux服务器 CentOS 6系列最小化安装优化脚本详解02————修改history记录、定时校正服务器时间、停止IPv6网络服务、调整最大文件打开数、关闭写磁盘I/O功能、配置SSH服务
- usb修改为默认MTP模式
- Rhyme/ linux Bash基本功能—历史命令history配置详解、修改历史命令保存条数、历史命令的调用
- vue-router HTML5 History 模式(转自官网)
- 360双内核浏览器修改默认模式
- react-router hashHistory&browserHistory
- Struts2中default.properties常量默认配置文件详解,以及修改常量方式
- 从工程角度看C++观察者模式中的接口是否需要提供默认的实现
- 修改Ubuntu默认启动进入文本模式后,重新启动后停在Checking battery state问题
- 修改Linux默认启动级别或模式
- 修改Linux默认启动级别或模式
- 修改Linux的默认启动模式