【Vue】前端跨域时出现Cors错误的解决方案

758 阅读1分钟

问题描述:

今天项目发送Cors请求时,出现Cors错误,并且原本的get请求变成了options

ecc935345d52cec410737e4602c6f4f.png

image.png

问题解决:

1.排查响应标头

e9a54a5debecb1fbc3d5612c0655eec.png 发现响应标头未赋值,后台响应标头加上application/x-www-form-urlencoded即可

2.排查请求头

发现请求头添加了请求标头

image.png 这是因为跨域的情况下 不能随意加http请求header头。否则会先有一次对服务器的先导请求 就是OPTIONS请求。 然后再是正式的请求。 且这个options请求不能被缓存,效率很低,而且后端要配合,所以去掉请求头即可

image.png

至此问题解决,成功响应数据

image.png