靜態資源跨域解決辦法--nginx

api 已做跨域處理，感興趣的可以看 barryvdh/laravel-cors
下面是對 public/img 下的圖片做的跨域處理

nginx 配置

      location ~ /img {

          add_header Content-Type 'text/html; charset=utf-8';
          add_header Access-Control-Allow-Origin *; 
          return 200 '{"msg":"/api/"}'; 測試時確保命中
      }

ajax 請求

            $.ajax({
        type:'GET',                
url:"http://localhost/img/1.png",

                success:function(result){
                   $("#div1").html(result);
                }
           });

請求結果

ajax 程式碼可以隨意複製貼上到一個具有jquery並且跨域的站點的console執行

本作品採用《CC 協議》，轉載必須註明作者和本文連結