Axios request Custom Settings header

the backend requires that the header be verified with a sign value when the request is made, and the header information is customized when the request is made. The code is as follows:

clipboard.png

:

clipboard.png

there is an extra Access-Control-Request-Headers:sign
. Someone on the Internet has encountered the same problem as me. The link to this solution: https://codeshelper.com/q/10.;. I asked the background to set it according to the solution, but it still didn"t work. How can I set the header in the form of key-value pairs?

A novice to vue. Please give me some advice. Thank you very much.

Vue.js
Mar.19,2021

this should still be a question of backend settings, that is, about the settings of cors cross-domain backend, there is actually a lot of code on the Internet, but sometimes the specific situation may be slightly different, and you need to co-tune this.

try it: 

// Set config defaults when creating the instance
const instance = axios.create({
  baseURL: 'https://api.example.com'
});

// Alter defaults after instance has been created
instance.defaults.headers.common['Authorization'] = AUTH_TOKEN;

axios

Please refer to my article , which is about cross-domain issues. This should be an Option request sent first, but the cross-domain failed due to incorrect cross-domain configuration in the background.

clipboard.png
check to see if Access-Control-Allow-Headers of the response header also has sign

there are two reasons for the problem

  1. Cross-domain
  2. Custom header has been added

the solution is to add the sign field to Access-Control-Request-Headers on the server

.

Previous: How to set bootstrap-table to change the width of td by dragging and dragging

Next: When element's checkbox updates the number of bound groups, the original v-model bound to true is retained and not refreshed?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu