1:了解token:有时候大家又说token令牌.整个机制是前端第一次登陆发送请求,后端会根据前端的用户名和密码, 通过一些列的算法的到一个token令牌, 这个令牌是独一无二的,前端每次发送请求都需要携带token令牌,因为只有携带了token令牌,后端才会返回你数据, 如果请求没有token令牌,后端是无法给你数据的. 2:token令牌进行回话保持:第一次登陆时候,后端会返回token令牌,保存在前段,之后每次页面跳转之前获取, 在的导航守卫中拦截判断,如果没有那么就重定向到首页,有的话就…

Vue.config.productionTip = false; axios.defaults.baseURL = 'http://127.0.0.1:8003/';//后端开发环境地址 // axios.defaults.baseURL = 'http://172.18.31.16:8000/';//后端地址 axios.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8';//配置请求头信息.…

asp.net core配置访问地址  .net core web程序,默认使用kestrel作为web服务器. 配置Kestrel Urls有四种方式,我这里只介绍一种.其它方式可自行百度. 在Program.cs里使用UseUrls()扩展方法进行设置.UseUrls()方法的参数是个字符串数组,可以同时设置多个访问地址,比如: UseUrls("http://10.101.56.52,http:// 10.101.56.52:80,http:// 10.101.56.52:8080&quo…

正常请求接口: return request({ url: 'http://192.168.1.0/User/cancelUpgrade', method: 'get', params: data })   vue.config.js里配置 记住重启   devServer: { host: '0.0.0.0', port: 8080, proxy: { '/api': { target: 'http://192.168.1.0/', changeOrigin: true, pathRewrit…

1.在开发过程中,我们都会接触到token,token的作用是什么呢?主要的作用就是为了安全,用户登陆时,服务器会随机生成一个有时效性的token,用户的每一次请求都需要携带上token,证明其请求的合法性,服务器会验证token,只有通过验证才会返回请求结果. 2.当token失效时,现在的网站一般会做两种处理,一种是跳转到登陆页面让用户重新登陆获取新的token,另外一种就是当检测到请求失效时,网站自动去请求新的token,第二种方式在app保持登陆状态上面用得比较多. 3.下面进入主题,我…

项目同步git:https://gitee.com/lixin_ajax/vue3-vite-ts-pinia-vant-less.git 为避免赘述,过于基础的点会直接省略或贴图,比如创建文件夹/文件的路径/路由一类 配置相应功能,也尽量只贴相关代码,并不代表整个文件内容 我会尽量把每一步都记录下来,让跟随文档操作的朋友也能还原项目 项目不尽完美,但是主体功能应该都可以有所参考 一.本地初始环境 二.使用vite脚手架,创建vue3+ts yarn create vite 输入项目名,回车确认…

封装http请求是项目中经常需要做的,常用于设置通用请求地址.请求headers以及处理返回结果,例如在项目中开发地址.测试地址.上线地址是不一样的,当在封装的请求设置好默认地址之后只需要改一个地址而不需要每一个接口都去修改,以及统一在headers设置token用来校验身份等. 先来看一下完成后的使用方法把(格式是不是有点像ajax) HttpUtil.get( url, data: { key: value }, headers: { key: value } success: (data)…

需求是这样的:请求接口A -- 服务器返回数据Token过期或失效  -- 重新请求Token并设置 -- 再去请求接口A 刚解决了这个问题,趁热打铁,写个博客记录一下:这个Token是添加到请求头里面的: 使用OKHTTP设置Retrofit中的请求头: *记录请求到的Token /** * 请求头token * @return */ public String headerToken = ""; *如果Token过期或失效,则去重新请求获取token的接口,然后设置请求头,再去重新…

问题一: 使用ajax/axios跨域请求接口,后端放行了,能够正常获取数据,但是cookie设置不进去,后端登录session判断失效 ajax解决办法: //设置ajax属性 crossDomain:true 跨域代理 xhrFields:{ withCredentials : true }, 用于对本地XHR对象进行设置.一对「文件名-文件值」在本机设置XHR对象.例如,如果需要,你可以用它来为跨域请求设置XHR对象的withCredentials属性为true. dataType: 'j…

本文档目的在于帮助对vue了解比较少的同学,能够快速配置vue应用中的接口地址.方便项目切换服务环境后,重新修改多组件的http请求地址. 一.前言 我们在上一篇文章分享了vue-cli项目基本搭建(可点击进入查看). 本篇文章我们分享 vue 配置全局对象.在我们平时开发项目的时候,大多数会进行数据交互,这一应用就会使用到交互模块,往往请求的url地址就随着项目模块的增多写在每个模块中,这样的缺点不用我来说,相信大家都知道:模块多了.环境多了很难以维护.修改接口地址,并且很容易出错,哪里多了一…