1. 程式人生 > >ionic $resource.query 訪問,Access-Control-Allow-Origin問題

ionic $resource.query 訪問,Access-Control-Allow-Origin問題

問題描述:
ionic.bundle.js:23826GET “xxxxx” 1XMLHttpRequest cannot load
“xxxxx”. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:63342’ is therefore not allowed access. The response had HTTP status code 403.

1、我使用的ionic 中的$resource.query訪問伺服器的,新增上
header: {‘Access-Control-Allow-Origin’: “*”}


就可以了,程式碼如下:

 var resouce=$resource(
        apiUrl,{},
        {
          query:
          {
              method: 'get',
              header: {'Access-Control-Allow-Origin': "*"}
              params: {
                  a:'getList',
                  id:'@id',
                  page:'@page'
}, timeout: 20000 } });

2、在瀏覽器的快捷方式上的目標上新增 –disable-web-security,注意新增的前一定要空一格。如下圖:
這裡寫圖片描述