前端和后端解决跨域问题

说的比较好的一个博客，respons头部加Access-Control-Allow-Origin，一般是后端给你加，但是如果是不能控制的后端，就要前端搞别的方法了
我这里遇到的问题是，后端无法帮忙，这个比简单的加个头要痛苦的多了
https://www.fujieace.com/html/cors.html

这个也挺好
https://www.jianshu.com/p/89a377c52b48

其实，解决这个办法有很多，我博客曾经也发表过“Access-Control-Allow-Origin 跨域”相关的文章，我再次给大家简单说说吧！方法有如下几种：

第一种方法：被请求页面加上下面的代码，最好content填写域名；

<meta http-equiv="Access-Control-Allow-Origin" content="*">

第二种方法：在请求控制器加上加上下面的代码；

header("Access-Control-Allow-Origin: *");

第三种方法：IIS、Apache、Nginx可以直接配置Access-Control-Allow-Origin 跨域，具体如下：

1、IIS配置：只需要在IIS添加HTTP响应标头即可！

 Access-Control-Allow-Headers：Content-Type, api_key, Authorization
Access-Control-Allow-Origin：*

2、Apache配置：主要修改http.conf

<Directory "/Users/cindy/dev">
AllowOverride ALL
Header set Access-Control-Allow-Origin *
</Directory>

或者，修改Apache伪静态规则文件.htaccess

<IfModule mod_setenvif.c>  
    <IfModule mod_headers.c>  
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">  
            SetEnvIf Origin ":" IS_CORS  
            Header set Access-Control-Allow-Origin "*" env=IS_CORS  
        </FilesMatch>  
    </IfModule>  
</IfModule>  

3、Nginx配置：主要是修改nginx.conf；

location ~* \.(eot|ttf|woff|svg|otf)$ {
     add_header Access-Control-Allow-Origin *;
}

上面的eot|ttf|woff|svg|otf，表示请求后缀类型，或者也可以直接写如下代码：

location / {  
  add_header Access-Control-Allow-Origin *;  
}