vue/cli axios post的使用及Authorization值传递

最新推荐文章于 2024-07-03 08:00:00 发布

懒虫早

最新推荐文章于 2024-07-03 08:00:00 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.csdn.net/lc0012/article/details/114169252

版权

开发专栏收录该内容

19 篇文章 0 订阅

订阅专栏

vue/cli axios post的使用及Authorization值传递

main.js引用：

import axios from 'axios';
Vue.prototype.$http = axios;


axios.defaults.baseURL = "http://localhost:8080/";

程序中使用：


            let header = {
                headers: {
                    "Access-Control-Allow-Origin": "*", //解决cors头问题
                    "Access-Control-Allow-Credentials": "true", //解决session问题
                    "Content-Type":
                        "application/x-www-form-urlencoded; charset=UTF-8", //将表单数据传递转化为form-data类型
                    Authorization: "hezhongxia",
                },
                withCredentials: true,   //此处不使用，采用nginx 时，post接收不了数据
            };
            let url = "/userlogin";

            this.$http.get(url, this.loginForm, header).then(function (rep) {
                console.log(rep);
            });