สารบัญ:

Cors ใน AngularJS คืออะไร?
Cors ใน AngularJS คืออะไร?

วีดีโอ: Cors ใน AngularJS คืออะไร?

วีดีโอ: Cors ใน AngularJS คืออะไร?
วีดีโอ: EP 25.0 ต่อ Frontend(Angular) ให้ทำงานกับ Backend ยังไง ถ้าติดคอ(CORS) แก้ไง🥹 2024, พฤศจิกายน
Anonim

CORS ย่อมาจาก "Cross Origin Resource Sharing" CORS ไม่ได้เจาะจงถึง AngularJS . เป็นมาตรฐานที่นำมาใช้โดยเว็บเบราว์เซอร์ทั้งหมด โดยค่าเริ่มต้น เว็บเบราว์เซอร์ทั้งหมดจะบล็อกคำขอทรัพยากรจากแอปพลิเคชัน หากทำนอกโดเมนของแอปพลิเคชัน

ดังนั้นปัญหา Cors ในเชิงมุมคืออะไร?

ความปลอดภัยของเบราว์เซอร์ไม่อนุญาตให้คุณส่งคำขอข้ามโดเมน ยกเว้นในกรณีที่การตอบสนอง HTTP มีส่วนหัว Control-Allow-Origin ที่มีค่า * หรือโดเมนของไคลเอ็นต์ของคุณ ปัญหา CORS เป็นเฟรมเวิร์กที่ไม่เชื่อเรื่องพระเจ้าและอาจเกิดขึ้นในแอปพลิเคชัน JavaScript ส่วนหน้าที่สร้างด้วย JS ธรรมดา React หรือ Vue

ฉันจะเปิดใช้งาน CORS ในเชิงมุม 8 ได้อย่างไร เปิดใช้งาน CORS ด้วยการกำหนดค่าพร็อกซี การตั้งค่า ใน เชิงมุม . ถึง เปิดใช้งาน CORS ผ่านการกำหนดค่าพร็อกซี เราจำเป็นต้องสร้าง src/proxy คอนเฟิร์ม ไฟล์ json ภายใน เชิงมุม โฟลเดอร์รูทและวางรหัสต่อไปนี้ไว้ข้างใน เราใช้ทรัพย์สินที่ปลอดภัยเพื่อ เปิดใช้งาน การใช้ SSL โดยเจตนา

เมื่อพิจารณาถึงสิ่งนี้ ฉันจะเปิดใช้งาน CORS ในเชิงมุม 2 ได้อย่างไร

ถึง เปิดใช้งาน CORS คุณสามารถขยายคลาส BrowserXhr (พิจารณาว่าคุณกำลังทำงานกับ typescript สำหรับ เชิงมุม2 ) และรวมไว้ในกระบวนการบูตสแตรป สร้างไฟล์ใน your เชิงมุม2 โครงการชื่อ cust-ext-browser-xhr

ฉันจะเปิดใช้งาน CORS ใน Web API ได้อย่างไร

วิธีเปิดใช้งาน CORS บนเว็บ API ของคุณ

  1. หากคุณสงสัยว่าจะเปิดใช้งาน CORS ใน Web API ของคุณได้อย่างไร คุณควรติดตั้ง Microsoft
  2. ใน Visual Studio เลือก Library Package Manager จากเมนู Tools จากนั้นเลือก Package Manager Console
  3. ใน Solution Explorer ให้ขยายโปรเจ็กต์ WebApi
  4. จากนั้นเพิ่มแอตทริบิวต์ [EnableCors] ให้กับคอนโทรลเลอร์ที่ต้องการ:

แนะนำ: