Vue 配置全局请求参数遇到的问题 登录后使用 this.$router.push('/Index') 跳转的问题(场景有点怪)

设置了全局请求 global_var.js

1 const postData = new URLSearchParams()
2 postData.set(‘user_id‘, localStorage.getItem("user_id"))
3 postData.set(‘utoken‘, localStorage.getItem("utoken"))
4
5 export default {
6   postData
7 }

在登录后 使用无法使用全局变量的去拼接参数去请求

应该这样设置

1             //防止手动刷新页面加入缓存中
2             localStorage.setItem("user_id", response.data.data.user_id)
3             localStorage.setItem("utoken", response.data.data.utoken)
4
5             //设置全局参数(全局单页面程序设置,防止全局渲染无值)
6             this.GLOBAL.postData.set(‘user_id‘, response.data.data.user_id)
7             this.GLOBAL.postData.set(‘utoken‘, response.data.data.utoken)
8             this.$router.push(‘/Index‘)

即可。

Vue 配置全局请求参数遇到的问题 登录后使用 this.$router.push('/Index') 跳转的问题(场景有点怪)

原文地址:https://www.cnblogs.com/handle/p/12121188.html

时间: 2024-08-03 14:17:23

Vue 配置全局请求参数遇到的问题 登录后使用 this.$router.push('/Index') 跳转的问题(场景有点怪)的相关文章

VUE使用params隐藏参数,不在地址栏中显示传的参数

VUE跳转页面传值 地址栏显示传值或者不显示地址栏传值a页面传值到b页面params 传参 : 相当于post请求,页面跳转时参数不会在地址栏中显示 this.$router.push({ name:'', params: { id:idParams } }) 接收参数:this.$route.params.id query 传参 : 相当于get请求,页面跳转时参数会在地址栏中显示 this.$router.push({ name:'', query: { id:idParams } }) 接

Vue用router.push(传参)跳转页面,参数改变,跳转页面数据不刷新的解决办法

vue-router同路由$router.push不跳转一个简单解决方案 vue-router跳转一般是这么写: goPage(ParentDeptCode2,DeptCode2,hosName,hosId){ this.$router.push({ path:'/ChoiceTime', query:{ DeptCode:ParentDeptCode2, DeptCode2:DeptCode2, hosName:hosName, hosId:hosId } })} 但是当遇到,需要跳转同页面不

vue中this.$router.push()路由传值和获取的两种常见方法

1.路由传值   this.$router.push() (1) 想要导航到不同的URL,使用router.push()方法,这个方法会向history栈添加一个新纪录,所以,当用户点击浏览器后退按钮时,会回到之前的URL (2)当点击 <router-link> 时,这个方法会在内部调用,即点击 <router-link :to="..."> 等同于调用 router.push(...) a)      声明式:<router-link :to=&quo

框架基础:ajax设计方案(六)--- 全局配置、请求格式拓展和优化、请求二进制类型、浏览器错误搜集以及npm打包发布

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置 请求参数的拓展(增加json)和重构优化 初始化参数类型检查 浏览器错误回收机制 增加ajax请求blob(二进制)类型 跨域问题的总结和支持 npm打包

JAVAWEB开发之Struts2详解(二)——Action接受请求参数、类型转换器、使用Struts2的输入校验、以及遵守约定规则实现Struts2的零配置

Action接受请求参数 作为MVC框架,必须要负责解析HTTP请求参数,并将其封装到Model对象中 Struts2提供了非常强大的类型转换机制用于请求数据 到 model对象的封装 Struts2和MVC定义关系 StrutsPrepareAndExecuteFilter:控制器 在Struts2中action是什么?(Struts2是一个MVC框架) V:jsp M:action C:action StrutsPrepareAndExecuteFilter Struts2提供了三种数据封装

tomcat访问(access)日志配置、记录Post请求参数(转)

一.配置与说明 tomcat访问日志格式配置,在config/server.xml里Host标签下加上 <Valve className="org.apache.catalina.valves.AccessLogValve" directory="logs"               prefix="localhost_access_log." suffix=".txt"               pattern=&

SpringMVC请求参数北京PK10平台出租和响应结果全局加密和解密

前段时间在做一个对外的网关项目,涉及到加密和解密模块,这里详细分析解决方案和适用的场景.为了模拟真实的交互场景,先定制一下整个交互流程.第三方传输(包括请求和响应)数据报文包括三个部分: 1.timestamp,long类型,时间戳.2.data,String类型,实际的业务请求数据转化成的Json字符串再进行加密得到的密文.3.sign,签名,生成规则算法伪代码是SHA-256(data=xxx&timestamp=11111),防篡改.为了简单起见,加密和解密采用AES,对称秘钥为"

vue配置请求拦截器和响应拦截器

首先确保我们已经设置的store.js进行值的存取,这时候我们需要配置请求和响应的拦截器设置 main.js import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import axios from 'axios' // 引入store i

vue写请求接口--请求参数的变量要在return里面声明

//谨记return里面是返回所有声明的变量的名字,数组以及对象等等 export default { data () { return { //所有的变量都是写在data 的return里面的,主要错误点在于请求参数的变量要在这里声明: imgGroup: { user: require('../static/images/icon/user-ava.png'), payment: require('../static/images/icon/wait-payment.png'), deliv