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

最新推荐文章于 2023-10-01 22:01:41 发布

原创最新推荐文章于 2023-10-01 22:01:41 发布 · 1.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

开发专栏收录该内容

19 篇文章

订阅专栏

博客介绍了vue/cli中axios post的使用，以及Authorization值的传递方法，包含在main.js中的引用和程序里的具体使用。

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);
            });