PS:以下仅仅是记录下本人出现的大小BUG的解决,方便自我查阅
环境
后端 : Node.js , koa
前端 : Vue.js , axios
报错如下:
Access to XMLHttpRequest at 'http://localhost:8000/upload' from
origin 'http://localhost:8080' has been blocked by CORS policy: No
'Access-Control-Allow-Origin' header is present on the requested resource.
image.png
原因:
因为 前端 和 后端 均跑在本地服务器，造成跨域。
解决方案：
ctx.set('Access-Control-Allow-Origin','*') //在response响应数据上添加
该响应头指定了该响应的资源是否被允许被共享
注 : 通配符 * 则是匹配所有，因为是本地测试，先不考虑安全问题
未来项目部署会使用 Nginx 来进行反向代理
拓展:
我发现因为axios的data格式错误 , 也导致了跨域相同的问题
目前未知什么情况
