Vue axios cross domain request cannot be solved with cookie
- 2021-08-12 01:56:02
Set in main. js
axios.defaults.withCredentials = true
Additional knowledge: VUE axios does not bring cookie when requesting cross-domain or changes cookie every time
When writing the management backend with VUE in the past two days, I encountered a wonderful problem:
When I use dev configuration development locally, the request can be packaged with cookie information and deployed on the server, but the request does not bring cookie information.
Then check it slowly, and unite with back-end colleagues to check this cookie problem. The front end is also configured
axios.defaults.withCredentials = true;
The backend is also configured with cross-domain cookie, and then it is useless. Every time the backend obtains sessionID, it is a new one.
Well, after carefully comparing the cross-domain related configurations, I found that there was really nothing wrong with this one, so I started to check the tools introduced by VUE project.
After checking one by one, I finally found something that is a demon: mock. js
Due to configuration problems, when packaging and deploying, mock was introduced into packaging, and mock refreshed cookie of each request, resulting in different SessionID obtained in the background every time.
Well, who is to blame for writing your own code?