This time I will bring you the cross-domain processing method in the Vue project. What are the precautions for cross-domain processing in the Vue project? The following is a practical case, let's take a look.
Problem description
Front-end vue framework, background php, Baidu cross-domain problem background add this codeheader("Access-Control-Allow-Origin: *");
The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'. The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
Solution
Article link: CORS: credentials mode is 'include'xhrFields: { withCredentials: false },
withCredentials: true to
withCredentials: false. Of course, this error will not be reported if you do not add the above code. Although the solution is very simple, I found that I have not mastered a lot of knowledge and have to sort it out.
Access-Control-Allow-Origin to "*". Because the request header carries
Cookie information. To set the value of Access-Control-Allow-Origin to http://www.zrt.local:8080.
Set-Cookie field, trying to modify the Cookie. If the operation fails, an exception
will be thrown.
crossDomain: true, xhrFields: { withCredentials: true }
Access-Control-Allow-Origin: 'http://www.zrt.local:8080' Access-Control-Allow-Credentials: true
crossDomain: true, xhrFields: { withCredentials: true }
What steps are required for js to obtain ModelAndView
How to deal with flickering when vue renders
The above is the detailed content of Cross-domain processing methods in Vue projects. For more information, please follow other related articles on the PHP Chinese website!