data:1 Access to XMLHttpRequest at ‘https://jsonplaceholder.typicode.com/posts/‘ from origin ‘http:/

问题

data:1 Access to XMLHttpRequest at ‘https://jsonplaceholder.typicode.com/posts/’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

解决方式

文件上传时出现的跨域问题，这波我觉得后端接口没有问题，因为我写了允许跨域的配置类，后来我把文件上传的action改成我的后端接口的映射地址，发现不爆红了，但是图片的缩略图有没有回显在页面上。我思量好久，才想到，这访问后端接口不是axios请求，这样不会按照我的配置每次发送的header带有token信息，这样就会无法访问后端接口，于是我在表单上动态绑定header，从sessionStorage中拿到登录时存储的token信息，就可以访问了。