Korjaus: Ei kulunvalvonnassa-salli alkuperän otsikkovirhettä kulmassa

Yksi yleisimmistä virheilmoituksista, joita kulmakehittäjät voivat kohdata päivittäisessä työssään, on: pyydetyllä resurssilla ei ole pääsynhallintaa-salli alkuperää -otsikkoa.

Tämä ei ole erityinen kulmaongelma, vaan CORS (Cross-Origin Resource Sharing) otsikkokysymys. Se voi tarkoittaa, että taustapalvelin on määritetty toimimaan eri portissa tai toimialueessa.

---

Kuinka korjaan Ei pääsynvalvontavirhettä Windows 10: ssä?

1. Tee muutoksia palvelimen tasolla

Jos sinulla on pääsy palvelimeen, ota CROS-pyynnöt käyttöön lisäämällä Kulunvalvonta-Salli-alkuperä: * otsikko. Määritä sen jälkeen cors merkintä kohdassa system.webServer sisään web.config kuten alla olevassa esimerkissä.

• ”1.0″?
• käytössä ="totta">
• alkuperä =“ https://someorigin.domain.com”>
• menetelmä ="SAADA"/>
• menetelmä ="PÄÄ"/>
• </system.webServer>

Tässä, cors sallii SAADA ja PÄÄ lähettämät pyynnöt https://someorigin.domain.com/.

Lisäksi, jos käytät IIS (Internet-tietopalvelut) sinun pitäisi ladata IIS CORS -moduuli.

Määritä verkkotunnus tai verkkotunnusluettelo * sijasta. Muussa tapauksessa palvelimelle lähetetyt ristikohtaiset pyynnöt otetaan käyttöön mistä tahansa.

Päällä Apache, määritystiedostossa sinun on lisättävä rivi Otsikkosarja Access-Control-Allow-Origin ’*’. Jälleen on viisasta korvata "*" luettelolla lähteistä, joista pyynnöt tehdään.

---

2. Suorita oma välityspalvelin

1. Ensinnäkin luomme välityspalvelimen määritystiedoston Angular-juurikansioon nimeltä src / proxy.conf.json, ja kirjoita siihen seuraava koodi:
   • {"/ api":
   • "kohde":" http://localhost: 6000 "," suojattu ": väärä}
   • }
2. Toiseksi angular.jsonLisää tiedosto proxyConfigvaihtoehto palvella kohde:
   • "palvella": {
   • "rakentaja":" ",
     
   • "vaihtoehdot":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. Suorita nykyinen kokoonpano nyt ng palvella komento.

Välityspalvelin välittää pyyntösi etäpalvelimelle. Seuraavaksi aiomme nähdä, kuinka välityspalvelin määritetään.

Angular-tietopyynnöt ovat API-kutsuja paikallishostille portille 4200, kuten tämä sijainti:

• http://localhost: 4200 / api / datareq.

Edellä olevassa esimerkissä oletimme kuitenkin, että pyydetyt tiedot ovat tämä sijainti:

• http://localhost: 6000 / api / datareq.

---

Kiinnostaako hyviä välityspalveluratkaisuja? Tutustu tähän omistettujen työkalujen luetteloon

---

3. D.voidaan käyttää samaa alkuperäkäytäntöä selaimessasi

merkintä: tätä tiettyä menetelmää ei suositella, koska se voi altistaa selaimesi (ja järjestelmän) suurille turvallisuusriskeille.

Jos kaikki muu ei toimi, voit käyttää saman alkuperäkäytännön poistamista käytöstä selaimessa. Ole kuitenkin varovainen, koska se altistaisi selaimesi (ja järjestelmän) suurille turvallisuusriskeille.

Sillä Google Chrome, avaa Windows 10: ssä komentokehote järjestelmänvalvojana ja suorita seuraava komento:

C: Ohjelmatiedostot (x86) GoogleChromeApplicationchrome.exe "--disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

Tiivistettynä, pyydetyllä resurssilla ei ole pääsynhallintaa-salli alkuperää -otsikkoa virheilmoitus on palvelinpuolen ongelma.

Kulmakehittäjille palvelimen kokoonpanon muokkaamisen tai välityspalvelimen käyttämisen pitäisi toimia hienosti.

Kerro meille, mitä mieltä olet tästä oppaasta alla olevassa kommenttiosassa.

---

---