axios跨域

Question

axios跨域，接口CORS error，从网页复制请求连接到postman上请求是正常访问成功的，但是在网页访问就跨域，

axios({
                    method: 'post',
                    headers: {
                    //token
                      'Authentication':'7ee5e479c7692141f61620d5ea03dc8991bb3998fa96043215c2f5d1bbb86134c0d54bb5d840788ec41e7174b3e318ff2b033e847c7f39f14b8bf8cd52ff3634761f900dd82b64ac8180b41f62e3376a3dfd7103332291db14462f5cce6ae40c09794a266c1426c6abaaa9d2c2368bbc69029bb8e739d842bf214d70dcaf02c821fc89455dd9305a',
                      'Content-Type': 'application/x-www-form-urlencoded'
                    },
                    url:
                      'http://139.196.5.75:9527/thingAttendanceRecords/downloadTemplates',
                    responseType: 'json',
                  })
                    .then(res => {
                    })
                    .catch(res => {
                      console.log('error', res)
                    })

Answer 1

postman没问题是因为机制不同 ，你现在只需要后台配置好CORS完全放开即可

Answer 2

以后部署到生产环境的话，前端跟后端在是同源的吗？

如果以后是同源的，前端项目里配个 proxy 好了，本质就是反向代理。

如果以后也不会是同源的，那你只能让后端去增加诸如 CORS 的功能，纯前端是无法解决跨域问题的。跨域是浏览器自带的安全策略，如果前端自己能解决，这安全策略还有啥用？

Postman 不跨域是因为它也不是在浏览器里执行的 AJAX，浏览器要遵守同源策略，Postman 又不是浏览器、为啥非要遵守？

Answer 3

https://microsoftedge.microso...
推荐一个谷歌浏览器插件
浏览器开发时允许跨域。