axiox全局配置

最新推荐文章于 2024-03-17 23:38:24 发布

陈善强

最新推荐文章于 2024-03-17 23:38:24 发布

阅读量505

点赞数

分类专栏： Vue 文章标签： axiox全局配置

本文链接：https://blog.csdn.net/chenshanqiang/article/details/103302897

版权

Vue 专栏收录该内容

24 篇文章 1 订阅

订阅专栏

1、配置请求头信息（前端）

         axios.defaults.timeout = 3000;//超时间

         axios.defaults.baseURL = 'http://localhost:3000/';//配置请求的基准URL地址

         axios.defaults.headers['mytoken'] = 'hello';

         axios.get('axios-json').then(function(ret){

                 console.log(ret.data.name)

         })

2、设置允许跨域（在node服务器中设置）

    //解决跨域的问题，代码写入Express框架文件app.js


    app.use('*', function(req, res, next) {

        res.header("Access-Control-Allow-Origin", "*");

        res.header("Access-Control-Allow-Methods", 'PUT,GET,POST,DELETE,OPTIONS');

        res.header("Access-Control-Allow-Headers", "X-Requested-With");

        res.header("Access-Control-Allow-Headers", "Content-Type");

        //这个是针对前端设置了axios.defaults.headers['mytoken'] = 'hello';
        res.header("Access-Control-Allow-Headers", "mytoken");

        next();
    });