首頁猿問 API get 請求未在...

API get 請求未在 JavaScript 中解析

JavaScript

猛跑小豬 2023-08-05 11:08:40

我想知道是否是因?yàn)樗噲D訪問兩個(gè)IP？抱歉，如果這是一個(gè)菜鳥問題，但是當(dāng)我使用我內(nèi)置的 postman 的 API 時(shí)，或者即使我只是將 get 請求 url 扔到任何瀏覽器中，它也會(huì)返回 JSON 數(shù)據(jù)。有點(diǎn)困惑為什么它不會(huì)為我解決。const app = document.getElementById('root')const logo = document.createElement('img')logo.src = 'logo.png'const container = document.createElement('div')container.setAttribute('class', 'container')app.appendChild(logo)app.appendChild(container)var request = new XMLHttpRequest()request.open('GET', '18.220.177.84:8080/election_results?state=Ohio&year=2016&county=Cuyahoga', true)request.onload = function () {? // Begin accessing JSON data here? var data = JSON.parse(this.response)? if (request.status >= 200 && request.status < 400) {? ? data.forEach((election_results) => {? ? ? const card = document.createElement('div')? ? ? card.setAttribute('class', 'card')? ? ? const h1 = document.createElement('h1')? ? ? h1.textContent = election_results.county? ? ? const p = document.createElement('p')? ? ? election_results.candidate = election_results.candidate.substring(0, 300)? ? ? p.textContent = `${election_results.candidate}...`? ? ? container.appendChild(card)? ? ? card.appendChild(h1)? ? ? card.appendChild(p)? ? })? } else {? ? const errorMessage = document.createElement('marquee')? ? errorMessage.textContent = `Gah, it's not working!`? ? app.appendChild(errorMessage)? }}request.send()是因?yàn)槲沂褂玫氖?xml http 請求嗎？

查看完整描述

3 回答

米琪卡哇伊

TA貢獻(xiàn)1998條經(jīng)驗(yàn) 獲得超6個(gè)贊

URL 解析器認(rèn)為18.220.177.84:8080是URL路徑的一部分。在它前面加上//（以及可選的方案，例如https更改協(xié)議），讓解析器知道這是URL 的權(quán)限（在本例中為主機(jī)+端口）。

反對回復(fù) 2023-08-05

搖曳的薔薇

TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊

顯然，您在 Postman GET 調(diào)用中混合了兩個(gè)單獨(dú)的 IP 地址。

第一個(gè)只是本地主機(jī) ( 127.0.0.1:5500)，第二個(gè)是您嘗試訪問的實(shí)際服務(wù)器 ( 18.220.177.84:8080)

您的 GET 調(diào)用應(yīng)該只命中 ( 18.220.177.84:8080) （刪除第一部分，本地主機(jī)）

反對回復(fù) 2023-08-05

慕婉清6462132

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超2個(gè)贊

因此，問題出在您的代碼中，您在不提及協(xié)議的情況下向 URL 發(fā)出 get 請求。在 URL 之前使用 HTTP 或 HTTPS（視需要而定）。所以網(wǎng)址將是，

https://18.220.177.84:8080/election_results?state=Ohio&year=2016&county=Cuyahoga

希望這能解決您的問題。

現(xiàn)在來討論有關(guān) CORS 錯(cuò)誤的第二個(gè)問題。基本上，CORS 或跨源資源共享是一種標(biāo)準(zhǔn)，允許服務(wù)器過濾特定的跨源請求，同時(shí)拒絕其他請求。就您而言，您的請求被服務(wù)器阻止或拒絕。所以為了解決這個(gè)問題，

如果您有權(quán)訪問服務(wù)器，請?jiān)试S您的源接受從您的源發(fā)出的跨源請求。您可以通過設(shè)置來做到這一點(diǎn)，Access-Control-Allow-Origin: <Your origin>.?例如，Access-Control-Allow-Origin: http://localhost:3000.?您可以通過指定將任何來源列入白名單?Access-Control-Allow-Origin: *，但我強(qiáng)烈建議您不要這樣做。
您可以使用代理服務(wù)器來處理請求。
使用像Moesif Origin & CORS Changer這樣的插件，盡管它只能在您的瀏覽器上運(yùn)行并且只能用于開發(fā)。（不建議）