当前位置: 首页 > 编程笔记 >

vue vue-Router默认hash模式修改为history需要做的修改详解

章子航
2023-03-14
本文向大家介绍vue vue-Router默认hash模式修改为history需要做的修改详解,包括了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需要做的修改详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我有一个需要修改数据库表中列默认值的要求。该表已经是数据库中的现有表,并且当前该列的默认值为NULL。现在,如果将新的默认值添加到此列,如果我是正确的话,它将列的所有现有NULL更新为新的DEfault值。有没有一种方法可以不执行此操作,但仍在列上设置新的默认值。我的意思是我不想更新现有的NULL,并希望它们保留为NULL。 在这方面的任何帮助,不胜感激。谢谢 问题答案: 您对将会发生

  • 修改游戏基本设定 在已经调整了对话框的情况下,是否会觉得白底的对话框和黑底的姓名框,需要配上和原来不同的颜色和文字效果呢。 这时候就轮到Config.tjs上场了。 Config.tjs是吉里吉里/KAG的基本设定文件,包含了大量可以调整的细节。 不过Config.tjs所记录的只是一个默认设置,大部分功能也可以在后来的脚本里修改。 但对于游戏里随时都要用到的东西,例如说字体的默认颜色外观等等,直

  • 本文向大家介绍elementui的默认样式修改方法,包括了elementui的默认样式修改方法的使用技巧和注意事项,需要的朋友参考一下 今天用element ui ,做了个消息提示,发现提示的位置总是在上面,如图: 可是我想让提示的位置到下面来,该怎么办? 最后还是看了官方的api 原来有个自定义样式属性 customClass 设置下就好了 js代码 css代码 效果图 以上这篇elementu

  • 默认情况下,Tomcat配置的默认端口是8080。这就是为什么所有已部署的Web应用程序都可以通过URL访问的原因:http://localhost:8080/yourapp。如果希望应该在80端口上运行,则需要将默认端口8080更改为80,这是HTTP连接器的默认端口。 要更改此端口,请打开并找到以下内容: 更改为以下内容: 修改后,您可以使用"http://localhost/"来访问您的应用

  • 本文向大家介绍区分vue-router的hash和history模式,包括了区分vue-router的hash和history模式的使用技巧和注意事项,需要的朋友参考一下 一、概念   为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义。   前端路由的核心,就在于:改变视图的同时不会向后端发出请求。   为了达到这种目的,浏览器当前提供了以下两种支持

  • 我有一个apikey“令牌”,它必须在每个请求中作为查询参数提供。我如何设置翻新,以便始终在请求中包含此查询参数? 我当前将内标识作为默认参数提供: 但是由于我知道每个请求都需要相同的令牌,所以在我创建的每个请求函数中必须提供它作为默认参数,这感觉是多余的。我如何设置reverfit来用默认的查询参数修饰每个传出的请求? 这是我如何构建reverfit2实例的: 我认为在调用.build()之前,