Агуулгын хүснэгт:

AngularJS дахь Cors гэж юу вэ?
AngularJS дахь Cors гэж юу вэ?

Видео: AngularJS дахь Cors гэж юу вэ?

Видео: AngularJS дахь Cors гэж юу вэ?
Видео: РАДУЖНЫЕ ДРУЗЬЯ — КАЧКИ?! НЕЗАКОННЫЕ Эксперименты VR! 2024, Арваннэгдүгээр
Anonim

CORS "Cross Origin Resource Sharing" гэсэн үгийн товчлол. CORS тодорхой бус байна AngularJS . Энэ нь бүх вэб хөтчүүдэд хэрэгждэг стандарт юм. Анхдагч байдлаар, бүх вэб хөтчүүд нь програмын домэйноос гадуур хийгдсэн бол програмаас эх сурвалж авах хүсэлтийг блоклодог.

Үүний дагуу Cors асуудал нь өнцгийн хувьд юу вэ?

HTTP хариу нь * утга бүхий Control-Allow-Origin толгой эсвэл таны үйлчлүүлэгчийн домайнтай бол хөтчийн аюулгүй байдал нь таныг домэйн хоорондын хүсэлт гаргахыг хориглоно. CORS асуудлууд Энэ нь хүрээ-агностик шинж чанартай бөгөөд энгийн JS, React эсвэл Vue-ээр бүтээгдсэн JavaScript програмын аль ч хэсэгт тохиолдож болно.

Үүнтэй адилаар би CORS-ийг angular 8-д хэрхэн идэвхжүүлэх вэ? CORS-г идэвхжүүл Прокси тохиргоотой Тохиргоо in Өнцөг . руу CORS-г идэвхжүүл прокси тохиргоогоор дамжуулан бид src/proxy үүсгэх хэрэгтэй. conf. json файл доторх Өнцөг root хавтас болон дотор нь дараах кодыг байрлуулна. Бид хамгаалалттай үл хөдлөх хөрөнгийг ашигласан идэвхжүүлэх SSL-ийг санаатайгаар ашиглах.

Үүнийг харгалзан үзээд CORS-ийг өнцгийн 2-т хэрхэн идэвхжүүлэх вэ?

руу CORS-г идэвхжүүл , та BrowserXhr классыг өргөтгөх боломжтой (та Typescript дээр ажиллаж байгаа гэж үзвэл Өнцөг 2 ) мөн үүнийг ачаалах процесст оруулна. Өөрийн дотор файл үүсгэ Өнцөг 2 cust-ext-browser-xhr нэртэй төсөл.

Би Вэб API дээр CORS-ийг хэрхэн идэвхжүүлэх вэ?

Өөрийн вэб API дээр CORS-ийг хэрхэн идэвхжүүлэх вэ

  1. Хэрэв та Вэб API дээрээ CORS-ийг хэрхэн идэвхжүүлэх талаар сонирхож байгаа бол Microsoft-ыг суулгах хэрэгтэй.
  2. Visual Studio дээр Tools цэснээс Library Package Manager-ийг сонгоод дараа нь Package Manager Console-г сонгоно.
  3. Solution Explorer-д WebApi төслийг өргөжүүлнэ үү.
  4. Дараа нь [EnableCors] атрибутыг хүссэн хянагчдаа нэмнэ үү:

Зөвлөмж болгож буй: