Vue.js。使用 headers 和参数发送 get/post 请求

Question

我只想创建 LinkedIn 登录组件。我找不到有关 headers 和参数的任何信息。谁能告诉我如何发送带有参数和 headers 的 GET 或 POST 请求？

这是我的带参数的代码。知道 headers 应该在哪里吗？

await axios.get('https://www.linkedin.com/oauth/v2/authorization', {
   params: {
      response_type: 'code',
      client_id: 'MY_CODE_HERE',
      redirect_uri: 'http://localhost:8080/auth/login',
      scope: 'r_liteprofile r_emailaddress w_member_social'
   }
}).then(response => {
   console.log("INFO: " + response);
}).catch(error => {
   console.log("ERROR: " + error);
});
``

Answer 1

在传递给 axios

的配置对象中添加一个 headers 部分

await axios.get('https://www.linkedin.com/oauth/v2/authorization', {
   response_type: 'code',
   client_id: 'MY_CODE_HERE',
   headers: {
     'X-Header-Name': 'header value',
   },
   redirect_uri: 'http://localhost:8080/auth/login',
   scope: 'r_liteprofile r_emailaddress w_member_social',
}).then(response => {
   console.log("INFO: " + response);
}).catch(error => {
   console.log("ERROR: " + error);
});

Vue.js。使用 headers 和参数发送 get/post 请求

Vue.js. Send get/post request with headers and parameners

javascript

vue.js

axios

linkedin