前端axios请求接口跨域报错怎么解决？

axios+vue项目请求跨域：has been blocked by CORS policy: Response to preflight request doesn’t pass前端请求接口报错401/402/403怎么解决！最直接有效的解决方法就是直接叫后台开启跨域，前端解决跨域虽然有办法，但是难保上线不出问题，如果只是本地开发环境用的话可以配置反向代理，重写api/，或者配置请求头，Aja

前端攻城狮路飞

2663人浏览 · 2020-06-16 10:04:24

前端攻城狮路飞 · 2020-06-16 10:04:24 发布

axios+vue项目请求跨域：

has been blocked by CORS policy: Response to preflight request doesn’t pass前端请求接口报错401/402/403怎么解决！

最直接有效的解决方法就是直接叫后台开启跨域，前端解决跨域虽然有办法，但是难保上线不出问题，如果只是本地开发环境用的话可以配置反向代理，重写api/，或者配置请求头，Ajax就用jsonP啦，所以前端不用为难自己，接口问题找后端就行了！

前端配置反向代理解决请看此文：前端axios配置反向代理解决跨域问题

前端通过配置浏览器解决跨域问题：

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}$/, //不连续的两位字母// /^