mock拦截axios请求和axios请求拦截设置token的方法

最新推荐文章于 2024-08-04 21:45:12 发布

Bear Cookie

最新推荐文章于 2024-08-04 21:45:12 发布

阅读量452

点赞数

分类专栏： node 文章标签： vue node.js

本文链接：https://blog.csdn.net/weixin_45753455/article/details/108876818

版权

本文通过示例代码展示了如何在Vue项目中使用mock拦截axios请求，以及如何设置axios请求拦截器添加token。适用于前后端分离开发中，增强接口调用的安全性和灵活性。

摘要由CSDN通过智能技术生成

直接上源码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>mock拦截axios请求</title>
</head>

<body>

    <!-- 本地npm安装mock和axios -->
    <!-- <script src="../node_modules//mockjs//dist//mock.js"></script> -->
    <!-- <script src="../node_modules/axios//dist/axios.js"></script> -->

    <!-- 官方在线引入地址（推荐使用本地） -->
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

    <script>
        /*************** axios拦截配置 ***************************************************/
        /**
         * 请求拦截
         */
        axios.interceptors.request.use(config => {
            console.log(config);

            //可以通过该参数修改请求的地址  ,config 还有很多参数可以设置如，请求超时时间等等
            //conf