error -MissingAllowOriginHeader

參考資料

原因:CORS 頭缺少 ‘Access-Control-Allow-Origin’ 解決辦法

解決辦法

html head

被請求頁面加上下面的代碼，最好content填寫域名

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

請求控制器

在請求控制器加上加上下面的代碼；

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

服務器配置跨域

IIS、Apache、Nginx可以直接配置Access-Control-Allow-Origin 跨域，具體如下：

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 *;  
}  

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>  

IIS

只需要在IIS添加HTTP響應標頭即可！

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