前端学习(2708):重读vue电商网站28之通过axios请求拦截器添加 token

 

通过axios请求拦截器添加 token,保证拥有获取数据的权限。

原因是,后台那边除开登录的 api,其它都需要进行授权

因此,我们可以利用 axios 中interceptors属性,其中有一个成员 request,此时我们可以通过 use 函数为请求拦截器挂载一个回调函数,只要向服务器端发送了一个 axios 请求,会优先调用 use 函数。

首先,在 main.js添加如下代码:

此时,打印 config,查看结果如下,发现我们headers 字段并没有一些授权字段。

此时,我们添加如下一行代码,通过 token 来进行授权。

此时,在Network就能查看到有一个 Authorization 字段了,但这里是为 null,因为我们进行的是登录请求,在登录期间,服务器是不会颁发令牌(token)。如果登录之后,调用其它 api 接口的话,就会颁发相应的token令牌。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/414834.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ABAP表生成Java实体Bean

项目中需要将HR模块中的表数据同步到Java系统中,向外围系统提供分发与查询服务,涉及到的表有两百多张,字段好几千上万个,如果手工一张张这些ABAP表在Java系统数据库中创建一遍的话,工作量将非常大,而且容易…

vite打包分析插件rollup-plugin-visualizer

1、安装插件 pnpm install rollup-plugin-visualizer2、在vite.confg.ts引入插件并使用 引入 import { visualizer } from rollup-plugin-visualizer;使用 const plugins [vue(), vueSetupExtend(), vueJsx(), visualizer()]3、打包后,会产生一个stats.html文件…

前端学习(2709):重读vue电商网站29之左侧菜单栏

关于这一块的话,由于后台数据已经写好,我们只需要通过双层 for 循环即可渲染我们的菜单栏,注意点: :index 只能绑定字符串,因此将后台请求过来的 id值与空字符串进行拼接达到此效果,解决了点击某个菜单栏导…

Android应用中去掉标题栏方法总结(Eclipse+Android Studio)

Eclipse 1.在程序代码中实现 需要注意的是: this.requestWindowFeature(Window.FEATURE_NO_TITLE); 这段代码一定要放在setContentView();方法前面,否则不会生效! 这个方法只会在引用过的布局才会生效,比如这个activity_main引用了,就不会…

IntelliJ IDEA配置PROFILES切换环境变量

一.修改POM文件 追加一下内容 <profiles><!-- dev 开发环境 --><profile><id>dev</id><activation><activeByDefault>true</activeByDefault></activation><properties><profileActive>dev</profileAc…

前端学习(2711):重读vue电商网站31之左侧菜单栏图标设计

保持一个子菜单的展开 直接在侧边栏区域添加上述属性即可

潍职e校帮APP功能简介

2017年04月17日&#xff0c;团队第一款产品>>>e校帮已正式上线了。当前最新版本为V1.2.1&#xff0c;大家可以在e校帮官网进行下载&#xff0c;http://exiaobang.top &#xff0c;或者在搜狗手机助手/搜狗输入法/酷安/应用宝等进行下载。 e校帮简介&#xff1a; e校帮…

mac电脑允许mysql其他电脑连接

需求&#xff1a;用其他电脑&#xff0c;连接mac上的mysql&#xff0c;出现报错 1130 - Host xxx is not allowed to connect to this MySQL server 解决方案&#xff1a; 1、连接上mysql mysql -uroot -p然后输入密码&#xff0c;密码不会回显 2.增加授权 GRANT ALL ON *.…

00_python安装与配置(mac)

参考地址&#xff1a;http://blog.csdn.net/int93/article/details/78811801 1、查看本机默认安装环境 通过uname -a 查看系统位数&#xff0c;x86_64代表64位使用python命令查看系统默认版本 OSX默认安装2.7.10&#xff0c;系统很多lib都是基于python2.7,因此还是不要卸载2、下…

自定义EditText输入框

转载地址&#xff1a;http ://blog.csdn.net/lyfzxf/article/details/53513502 很喜欢简书App的登陆框风格 。 自定义ImgEditText 继承与EditText。主要重写部分方法即可。 import android.content.Context; import android.graphics.Rect; import android.graphics.drawable.…

MyEclipse创建struts.xml

为了后期编写配置文件时&#xff0c;MyEclipse工具能给出提示&#xff0c;需要将dtd文件在MyEclipse工具加以配置。 找到XML中的XML Catalog,然后选择【add】 其中Key和Specify alternative web address可以到dtd文件中进行Copy 为MyEclipse加好dtd的配置之后&#xff0c;我们就…

Java中getPath,getAbsolutePath和getCanonicalPath区别

方法说明getPath以构造路径作为返回值getAbsolutePath以当前路径构造路径作为返回值getCanonicalPath以全路径作为返回值&#xff08;如果构造路径包含.或…&#xff0c;会进行处理&#xff09; 需要理解一下Canonical单词含义 测试示例 public static void main(String[] arg…

工作220:git clone的时候地址需要改成自己的用户名

git在clone地址的时候用户名 要写成自己 才能clone

Android 检查版本更新 Server后台下载

问题来了&#xff0c;平时开发应用也许你会遇到这种场景&#xff1a;应用启动检查服务器版本&#xff0c;若大于当前版本&#xff0c;则要从网络上下载APK文件&#xff0c;并在Activity上展示进度条。 版本更新&#xff0c;无非是下载apk文件&#xff0c;安装apk。 //其中用到…

error: style attribute '@android:attr/windowEnterAnimation' not found

是的在导入一个依赖的时候又报错了&#xff0c;除了上面这个下面还有几句类似的&#xff0c;解决方法很简单 在gradle.properties这个文件中添加如下一行代码即可&#xff1a; android.enableAapt2false 1这条语句关闭了Aapt2编译。

Java_WEB项目OOM(OutOfMemError内存溢出) MyEclipse配置Jvm内存

前言 刚刚接触的项目是基于SSM&#xff0c;但Tomcat启动时默认的64M内存就总显得不太够。程序运行过程中经常出现OOM(OutOfMemError)。 措施 搜索网上的解决方案&#xff0c;还是比较好解决的&#xff0c;需要给MyEclipse设置Jvm内存大小(即设置Tomcat的Jvm内存大小) : Win…

net.sf.ezmorph.Morpher问题解决

运行web项目&#xff0c;外部访问Servlet报错 报错如下&#xff1a; nested exception is java.lang.NoClassDefFoundError: net/sf/ezmorph/Morpher 找不到这个类&#xff1a;net.sf.ezmorph.Morpher 解决方法&#xff1a;复制这些servlet必要的jar包到WEB-INF文件夹下lib文…

工作223:状态管理里面取值

第一步 computed 第二步 取值 computed: {/*GY5 控制新增标题的显隐*/fullTitle() {return this.title "用户";},DepartmentId(){return this.$store.state.department.id},Property(){return this.$store.state.department.property}},created() {/*第二步*/ge…

工作224:当前函数造成

这种报错一般是当前页面的create函数造成的

在VirtualBox中安装BlackArch Linux

作者&#xff1a;荒原之梦安装前的准备 下载系统映像&#xff1a;BlackArch Linux官网下载页面 在本文中我使用的是BlackArch Linux的Live ISO&#xff0c;这样可以减少安装时下载系统的时间。BlackArch的Live ISO文件有7.5G&#xff0c;我们可以使用BT种子来下载&#xff0c;这…