תיקון: אין שגיאת כותרת בכותרת בקרת גישה-אפשר-מקור בזוויתית

אחת מהודעות השגיאה הנפוצות ביותר שמפתחים זוויתיים יכולים להיתקל בהם בעבודה השוטפת היא: אין כותרת מקור בקרת גישה-אפשר-מקור על המשאב המבוקש.

זו לא בעיה זוויתית ספציפית, אלא CORS (סוגיית הכותרת של שיתוף משאבים בין-מקור. זה יכול להיות שהשרת האחורי מוגדר לעבוד על יציאה או תחום אחר.

---

כיצד אוכל לתקן את השגיאה ללא בקרת גישה ב- Windows 10?

1. בצע שינויים ברמת השרת

אם יש לך גישה לשרת, הפעל בקשות CROS על ידי הוספה

בקרת גישה-אפשר-מקור: * כּוֹתֶרֶת. לאחר מכן, הגדר קורס כניסה, תחת system.webServer ב web.config קובץ, כמו בדוגמה שלהלן.

• ”1.0″?
• מופעל ="נָכוֹן">
• מקור =“ https://someorigin.domain.com”>
• שיטה ="לקבל"/>
• שיטה ="רֹאשׁ"/>
• </system.webServer>

פה, קורס ירשה לקבל ו רֹאשׁ בקשות מאת https://someorigin.domain.com/.

כמו כן, אם אתה משתמש IIS (שירותי מידע באינטרנט) תצטרך להוריד מודול CORS של IIS.

הקפידו לציין דומיין או רשימת דומיינים במקום *. אחרת, בקשות מקוריות לשרת יופעלו מכל מקום.

עַל אפאצ'י, בקובץ התצורה, עליך להוסיף את השורה כותרת מוגדרת בקרת גישה-אפשר-מקור '*'. שוב, זה חכם להחליף את '*', ברשימת מקורות שממנה יוגשו הבקשות.

---

2. הפעל שרת proxy משלך

1. ראשית, ניצור קובץ תצורה של שרת proxy, בתיקיית השורש Angular, הנקרא src / proxy.conf.json, וכתוב בו את הקוד הבא:
   • {"/ api":
   • "יַעַד":" http://localhost: 6000 "," מאובטח ": שקר}
   • }
2. שנית, ב אנגular.jsonקובץ, הוסף את proxyConfigאפשרות ב לְשָׁרֵת יַעַד:
   • "לְשָׁרֵת": {
   • "בּוֹנֶה":" ",
     
   • "אפשרויות":{"proxyConfig":"src / proxy.conf.json"}
     
   • }
3. כעת הפעל את התצורה הנוכחית עם ה- נג מגיש פקודה.

שרת proxy יעביר את בקשותיך לשרת המרוחק. לאחר מכן, אנו הולכים לראות כיצד להגדיר שרת proxy.

בקשות לנתונים ב- Angular הן שיחות API ל- localhost, ביציאה 4200, כמו מיקום זה:

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

עם זאת, בדוגמה לעיל, הנחנו שהנתונים המבוקשים נמצאים ב המיקום הזה:

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

---

מעוניין בפתרונות פרוקסי טובים? עיין ברשימת הכלים הייעודיים הזו

---

3. דניתן לציין את אותה מדיניות מקור בדפדפן שלך

הערה: שיטה מסוימת זו אינה מומלצת מכיוון שהדבר יכול לחשוף את הדפדפן שלך (ואת המערכת שלך) לסיכוני אבטחה גדולים.

אם כל השאר לא עובד, אתה יכול להשבית את השבת אותה מדיניות מקור בדפדפן. עם זאת היזהר מכיוון שהדבר יחשוף את הדפדפן שלך (ואת המערכת שלך) לסיכוני אבטחה גדולים.

ל גוגל כרוםב- Windows 10, פתח את שורת הפקודה כמנהל והפעל את הפקודה הבאה:

C: קבצי תוכנה (x86) GoogleChromeApplicationchrome.exe "- disable-web-security --disable-gpu --user-data-dir = ~ / chromeTemp..

לסיכום, אין כותרת מקור בקרת גישה-אפשר-מקור על המשאב המבוקש הודעת שגיאה היא בעיה בצד השרת.

עבור מפתחי Angular, שינוי תצורת השרת או שימוש בשרת proxy אמור לעבוד בסדר גמור.

ספר לנו מה אתה חושב על מדריך זה בסעיף ההערות למטה.

---

---