apiapi icon indicating copy to clipboard operation
apiapi copied to clipboard

Error CORS `Access-Control-Allow-Origin`

Open mazipan opened this issue 8 years ago • 20 comments

Error when trying to hit https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=nama_produk&query=abc via httpclient.

I use axios as httpclient.

mazipan avatar Dec 18 '17 11:12 mazipan

I use Cek Produk Halal MUI Api

mazipan avatar Dec 18 '17 11:12 mazipan

Kalo menggunakan javascript harus menggunakan callback om, ini contoh menggunakan jquery https://github.com/bachors/Ygrab.js/blob/master/js/ygrab.js

bachors avatar Dec 18 '17 11:12 bachors

JSONP kali maksudnya ya om ?

mazipan avatar Dec 18 '17 11:12 mazipan

Iya om @mazipan jsonp 👍

bachors avatar Dec 18 '17 11:12 bachors

Btw ini project yang sedang saya coba bikin pake API tersebut https://github.com/mazipan/cek-halal

Contoh request yang saya bikin ada di https://github.com/mazipan/cek-halal/blob/master/src/pages/Search.vue#L107

mazipan avatar Dec 18 '17 11:12 mazipan

Mantap om @mazipan ijin fork untuk belajar vue 👍

bachors avatar Dec 18 '17 11:12 bachors

Sekarang malah dapat error ini

Refused to execute script from 'https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=nama_produk&query=abc&callback=__jp1' because its MIME type ('application/json') is not executable, and strict MIME type checking is enabled.

Pake library ini https://www.npmjs.com/package/jsonp

mazipan avatar Dec 18 '17 12:12 mazipan

screen shot 2017-12-18 at 7 09 27 pm LIhat networknya aneh ya. Jadi 3 request. Yang pertama dapat response 307, kedua 302 baru 200.

mazipan avatar Dec 18 '17 12:12 mazipan

ini conto menggunakan callback jquery

`GS('abc', function(arr) { alert(arr[0].title); }) ;

function GS(a, b) { $.getJSON("https://script.google.com/macros/s/exec?query=" + a + "&service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&callback=?",function(c){ b(c.data); }); }`

bachors avatar Dec 18 '17 12:12 bachors

Ini bisa jalan om ? Sudah dicoba kah ? Saya kok curiganya gara2 di redirect URL nyari2 ke url lain.

mazipan avatar Dec 18 '17 13:12 mazipan

Udah nyoba pake jQuery getJSON

let path = `https://sites.google.com/macros/exec?service=AKfycbx_-gZbLP7Z2gGxehXhWMWDAAQsTp3e3bmpTBiaLuzSDQSbIFWD&menu=${this
        .selectedMenu.value}&query=${this.searchText}&cb=?`

$.ajaxSetup({ dataType: 'jsonp' })
$.getJSON(path, function (json) {
   console.log(JSON.stringify(json))
})

Dapat response ini screen shot 2018-01-12 at 4 51 03 pm

Ada ide kah om @bachors ?

mazipan avatar Jan 12 '18 09:01 mazipan

o'iya lupa om belum mengatur code callback di google script.y , sekarang mah sudah bisa :+1: http://bachors.com/code/produk-halal-api-javascript

bachors avatar Jan 24 '18 13:01 bachors

Masih belum bisa nih om @bachors :-(

mazipan avatar Jan 25 '18 02:01 mazipan

Kemungkinan karena content-type nya salah om @bachors. Kalo jsonp harusnya sih content-type nya javascript bukan json.

*cmiiw

mazipan avatar Jan 30 '18 11:01 mazipan

Sudah bener kok om content-type nya mah javscript :) ini saya coba pake vue http://bachors.com/code/cek-halal-vue

bachors avatar Jan 30 '18 12:01 bachors

Kok di saya dua duanya gak mau jalan ya demo yang dibuat diatas

mazipan avatar Jan 30 '18 14:01 mazipan

Dibukanya lewat smartphone ya om?

bachors avatar Jan 30 '18 15:01 bachors

Iya, gak bisa ya ?

mazipan avatar Jan 30 '18 16:01 mazipan

screen shot 2018-01-31 at 9 34 53 am

Screenshoot, access from desktop

mazipan avatar Jan 31 '18 02:01 mazipan

screen shot 2018-01-31 at 9 36 50 am

Other demo screenshoot

mazipan avatar Jan 31 '18 02:01 mazipan