前端跨域的时候遇到的问题

我前端请求一个资源,那个资源是允许跨域访问的,如图,

img


因此我写了一个html文件,里面直接利用axios获取到了这个资源,如下:

img


这个时候问题出现了.我把这个html放到云服务器上,远程访问结果说.我请求的资源没有access-control-allow-origin,我一脸懵逼,明明我用浏览器打开,查看,就有请求头,怎么用云服务器加载,那个允许跨域的请求头..就没了?
这图是在云服务器上远程访问出现的..

img


然后我去network里面查看了一下请求失败的资源的响应头,发现.access-control-allow-origin真没了,我头呢?

img

浏览器有同源策略,在不同源发起的请求就会出现这个跨域错误
这个请求头是由服务器端返回的,你需要在请求的返回头你加入 Access-Control-Allow-origin: *