now axios is used in vue projects to send http requests. There will be one more Request Method: OPTIONS request for each request, followed by the get/post request. Is this a backstage problem or an axios request problem on my side? If the front desk can solve the problem, how should it be solved?
Why is the OPTIONS request sent?
in fact, cross-domain is divided into simple cross-domain request and complex cross-domain request
simple cross-domain request request will not send
complex cross-domain request request will send a pre-check request options
complex cross-domain request to meet the following requirements:
1. Request method is not required. Multipart/form-data, or text/plain
3. The request has a custom header field
if you don't want to send a option request, you can change it to a simple request. For example, your Content-Type may be application/json format and change it to application/x-www-form-urlencoded
this is a pre-check request before a non-simple request, and it is normal to request information such as the methods supported by the backend API. It does not need to be processed by the frontend, but the backend needs to uniformly handle and release the OPTIONS method for all APIs (that is, 200 is returned).
about simple requests and non-simple requests can be understood by Baidu.
how to handle cross-domain, whether CORS,options is a pre-check request. It doesn't matter. Check whether your parameters are compliant. You can learn about this cross-domain method
if you don't want to appear, you can consider jsonp to solve cross-domain. And npm also has a module of jsonp
options request will appear when cross-domain, and get post request will be made only after options is successful.
use axios for registration, use graphic verification code to verify whether it is correct, cannot be verified correctly, 1. Get the graphic verification code first this.$http({ method: get , url: this.api + app platform getImgCo...
I know that there are a lot of questions on the Internet, and I have tried a lot of methods, but I still can t find out what the problem is. 1. In vue, when a cross-domain request is made through axios, the cookie returned by the server cannot be set...
when using axios to interact with the background, sometimes the background cannot receive the value, or the data received is not in the correct format. I use URLSearchParams to process the parameters var params = new URLSearchParams(); params....
vue project, there is a cross-domain problem in accessing Douban s API, using axios. Referring to the method on the Internet, the following configuration is added to the dev of config index.js proxyTable: { api : { target: http: a...
ask for answers from all kinds of gods ...
data(){ return{ abc:[] } } data request: created() { axios .get("http: goods") .then(response => { this.abc = (JSON.parse(response.data)); }) .catch(error => { console.log(...
is there a problem with neither 504 nor 500 as shown in the following code? error error how can I get the status code of error? ...
if the question belongs to I have three fields that must be added to all requests and must be placed in params now what I want to ask is does axios have a way to configure these three fields as common parameters Thank you all for answering first....
1. In the company project, two servers are deployed, one for storing data (the other server A), is used to do something similar to an evaluation system (server B);). The problem now is how to configure axios to access the contents of the two servers. ...
I reported a 419 error when using axios.post. there is an API at the backend to get the CSRF token (X-CSRF-TOKEN) you can only submit data if you add this to the request header. however, I checked the axios and Baidu, and customized the configuration...
ask for help. I use the front end written by vue, and the back end written by nodejs now wants to submit the file from the front end by clicking click and passing it to the back end for analysis. The problem now is that the folder set by my back end to ...
axios turns out that there are too many requests? params=. and you can request data by using axios.get directly. What is the reason for this? is it because I am blocking the problem? ...
axios, is used in the project, but the header information needs to be modified, although the global method in the document is used, as follows axios.defaults.headers.post [ "Content-Type "] = "application x-www-form-urlencoded "; Content-Type appli...
I check whether the 403 status is returned in the interceptor, and if so, jump to the login page instance.interceptors.response.use (function (response) { if (response.data.status = = 200) {. return response.data; } else if (response.data.status = ...
I put the configuration file of axios in plugins axios.js with the following code: import axios from axios import qs from qs const hotName = location.hostname if (hotName === localhost ) { axios.defaults.baseURL = ` xxxx.com api` axios...
this.axios.post( help liushui ).then((response) => { console.log(response) }).catch((response) => { console.log(response) }) there is a mistake in this request config index.js proxyTable: { apidomain : { target: ...
< el-dialog: title= "type== role ? set roles : set permissions ": visible.sync= "grantShow ": width= "dialogWidth " > < el-form: model= "user ": rules= "$rules.user " ref= "userForm " > < el-form-item: label= "$t ( pages.user.app ) "...
response.data is a picture url ...
use axios in vue projects to get file streams across domains. No matter how I set responseType, it always returns string e ask for advice on how to solve the problem ...
after creating the axios instance code, the post,put, is set and the common request header application x-www-form-urlencoded;charset=UTF-8. is set. The request using post carries a custom-set request header, but after using put, the request does not car...