记录 vue-element登录请求遇到cors跨域错误及解决方法

如下图发生了CORS错误，再看看服务端，是一个简单的flask应用可以看出前端的预请求，options是成功的，但是post请求的时候是失败的，Access to XMLHttpRequest at ‘http://127.0.0.1:5000/user/login’ from origin ‘http://localhost:9527’ has been blocked by CORS poli

bianlidou

4387人浏览 · 2022-03-18 11:36:11

bianlidou · 2022-03-18 11:36:11 发布

如下图
在这里插入图片描述
发生了CORS错误，再看看服务端，是一个简单的flask应用

可以看出前端的预请求，options是成功的，但是post请求的时候是失败的，Access to XMLHttpRequest at ‘http://127.0.0.1:5000/user/login’ from origin ‘http://localhost:9527’ has been blocked by CORS policy…

解决方法：
在服务端增加允许跨域的代码，如下图
在这里插入图片描述
总结：在服务端增加允许跨域即可。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^