Question

我试图从vuejs应用程序发送一个帖子请求到一个弹簧后端，我附加了一个jwt授权标题。

我尝试过使用vue-resource

Vue.http.headers.common [＆＃39;授权＆＃39;] =＆＃39; Bearer YXBpOnBhc3N3b3Jk＆＃39;;

，后端标题就像这样

{accept-language = en-US，en; q = 0.5，origin = http://localhost:8080，host = 127.0.0.1：8084，access-control-request-headers = authorization，connection = keep-alive， ...

但如果我使用postman发送相同的请求，后端标题就像这样

{授权=承载eyJhbGciOiJIUzI1NiJ9.eyJqdGkiOiI1OTBhYWFmMjRhNjQ3ZjRiYmZlMDBhMDQiLCJzdWIiOiJiYmIiLCJpYXQiOjE0OTM5NzUxMDQsInJvbGVzIjoidXNlciIsImV4cCI6MTQ5Mzk3NTQ2NH0.kldUh3H1i3xEiNcxQ2ecq1HsjIIF5BI8Q-tb3sALc3E，内容长度= 0时，接受语言= EN-US，EN; Q = 0.8，.......

我的问题是，如何使用vuejs实现邮差标题。我也尝试过axios但没有成功。

Answer 1

用axios尝试这种方式。我也在使用弹簧后端，它可以工作..

axios.post(
    url,
    query ,
    {headers: {
        "header name" : "header value"
      }}
    )
    .then((response) => {

      var response = response.data;

    }, (error) => {
       var error = error.response;
      }
    }
  )

如何在vueJs中添加Authorization标头

1 个答案: