CORS Example

\n \n \n \n \n \n \n

Logs

{logs.join(\"\\n\\n\")}

\n );\n}\n\nexport default react_http(App, import.meta.url);","createdAt",["D",1733504919780],"version",45,"currentUserHasLiked","likeCount",1,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","stevekrouse","profileImageUrl","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","forkedVal","interval","slug","stevekrouse/cors_example","description","CORS issues are the bane of frontend engineers. In Val Town, if you don't customize any CORS headers, we add these defaults: Access-Control-Allow-Origin: \"*\"\nAccess-Control-Allow-Methods: \"GET,HEAD,PUT,PATCH,POST,DELETE\" You can override them if you wish to disallow CORS. This val is a client-side-rendered React app that makes requests to @stevekrouse/cors_example_backend. The backend is in a different val because CORS applies to requests on different domains. The backend has examples of the default permissive CORS behavior and disabled CORS.","versions",[143,146,150,154,158,162,166,170,174,178,182,186,190,194,198,202,206,210,214,218,222,226,230,234,238,242,246,250,254,258,262,266,270,274,278,282,286,290,294,298,302,306,310,314,317,320],{"_119":120,"_144":-5,"_117":145,"_114":112},"prId",["D",1733504919780],{"_119":147,"_144":-5,"_117":148,"_114":149},44,["D",1729607851219],"2b3bc36c-9083-11ef-aca4-de64eea55b61",{"_119":151,"_144":-5,"_117":152,"_114":153},43,["D",1715788718282],"fe2256d4-12d3-11ef-ad29-cab58f78796a",{"_119":155,"_144":-5,"_117":156,"_114":157},42,["D",1715348456649],"edc06eca-0ed2-11ef-98c8-cab58f78796a",{"_119":159,"_144":-5,"_117":160,"_114":161},41,["D",1714762885987],"8a7031b4-097f-11ef-8b73-cab58f78796a",{"_119":163,"_144":-5,"_117":164,"_114":165},40,["D",1714762845980],"7297a8ce-097f-11ef-8b73-cab58f78796a",{"_119":167,"_144":-5,"_117":168,"_114":169},39,["D",1714762789996],"5139595c-097f-11ef-a4e7-cab58f78796a",{"_119":171,"_144":-5,"_117":172,"_114":173},38,["D",1714760077153],"003e209c-0979-11ef-8bce-cab58f78796a",{"_119":175,"_144":-5,"_117":176,"_114":177},37,["D",1714760068788],"fb41be14-0978-11ef-af3b-cab58f78796a",{"_119":179,"_144":-5,"_117":180,"_114":181},36,["D",1714760065309],"f92ee192-0978-11ef-81b1-cab58f78796a",{"_119":183,"_144":-5,"_117":184,"_114":185},35,["D",1714760046735],"ee1cba04-0978-11ef-990b-cab58f78796a",{"_119":187,"_144":-5,"_117":188,"_114":189},34,["D",1714759912419],"9e0dbd92-0978-11ef-ba66-cab58f78796a",{"_119":191,"_144":-5,"_117":192,"_114":193},33,["D",1714759888748],"8ff1c5be-0978-11ef-a9b9-cab58f78796a",{"_119":195,"_144":-5,"_117":196,"_114":197},32,["D",1714759722758],"2d01cb70-0978-11ef-a9fe-cab58f78796a",{"_119":199,"_144":-5,"_117":200,"_114":201},31,["D",1714759684270],"1610f6a2-0978-11ef-a9fe-cab58f78796a",{"_119":203,"_144":-5,"_117":204,"_114":205},30,["D",1714759540579],"c06b87a8-0977-11ef-8fe7-cab58f78796a",{"_119":207,"_144":-5,"_117":208,"_114":209},29,["D",1714759396947],"6acefa32-0977-11ef-8457-cab58f78796a",{"_119":211,"_144":-5,"_117":212,"_114":213},28,["D",1714759390791],"6723a4c8-0977-11ef-931d-cab58f78796a",{"_119":215,"_144":-5,"_117":216,"_114":217},27,["D",1714759371215],"5b7892f0-0977-11ef-931d-cab58f78796a",{"_119":219,"_144":-5,"_117":220,"_114":221},26,["D",1714759368465],"59d4f4c0-0977-11ef-958e-cab58f78796a",{"_119":223,"_144":-5,"_117":224,"_114":225},25,["D",1714759366964],"58efee2a-0977-11ef-958e-cab58f78796a",{"_119":227,"_144":-5,"_117":228,"_114":229},24,["D",1714759347486],"4d53dc16-0977-11ef-b49b-cab58f78796a",{"_119":231,"_144":-5,"_117":232,"_114":233},23,["D",1714759337617],"4771ff80-0977-11ef-931d-cab58f78796a",{"_119":235,"_144":-5,"_117":236,"_114":237},22,["D",1714759306075],"34a5137e-0977-11ef-91d0-cab58f78796a",{"_119":239,"_144":-5,"_117":240,"_114":241},21,["D",1714759291641],"2c0a90ea-0977-11ef-931d-cab58f78796a",{"_119":243,"_144":-5,"_117":244,"_114":245},20,["D",1714759285200],"2833ce28-0977-11ef-9481-cab58f78796a",{"_119":247,"_144":-5,"_117":248,"_114":249},19,["D",1714759281566],"2609549c-0977-11ef-931d-cab58f78796a",{"_119":251,"_144":-5,"_117":252,"_114":253},18,["D",1714759277884],"23d75e30-0977-11ef-bf5c-cab58f78796a",{"_119":255,"_144":-5,"_117":256,"_114":257},17,["D",1714759250495],"13843562-0977-11ef-915a-cab58f78796a",{"_119":259,"_144":-5,"_117":260,"_114":261},16,["D",1714759222579],"02e097dc-0977-11ef-931d-cab58f78796a",{"_119":263,"_144":-5,"_117":264,"_114":265},15,["D",1714759101993],"bb008152-0976-11ef-8532-cab58f78796a",{"_119":267,"_144":-5,"_117":268,"_114":269},14,["D",1714759053669],"9e32e308-0976-11ef-91d0-cab58f78796a",{"_119":271,"_144":-5,"_117":272,"_114":273},13,["D",1714759004796],"8111845a-0976-11ef-8935-cab58f78796a",{"_119":275,"_144":-5,"_117":276,"_114":277},12,["D",1714758995430],"7b7c565a-0976-11ef-8c6f-cab58f78796a",{"_119":279,"_144":-5,"_117":280,"_114":281},11,["D",1714758820143],"1301bf3e-0976-11ef-8935-cab58f78796a",{"_119":283,"_144":-5,"_117":284,"_114":285},10,["D",1714758773824],"f765ee80-0975-11ef-a825-cab58f78796a",{"_119":287,"_144":-5,"_117":288,"_114":289},9,["D",1714758749660],"e8fee018-0975-11ef-8935-cab58f78796a",{"_119":291,"_144":-5,"_117":292,"_114":293},8,["D",1714758739480],"e2ed74a0-0975-11ef-b5c7-cab58f78796a",{"_119":295,"_144":-5,"_117":296,"_114":297},7,["D",1714758733586],"df6a2e22-0975-11ef-b9ec-cab58f78796a",{"_119":299,"_144":-5,"_117":300,"_114":301},6,["D",1714758721261],"d811856c-0975-11ef-9850-cab58f78796a",{"_119":303,"_144":-5,"_117":304,"_114":305},5,["D",1714758715879],"d4dc2898-0975-11ef-9e90-cab58f78796a",{"_119":307,"_144":-5,"_117":308,"_114":309},4,["D",1714758673526],"bb9db96e-0975-11ef-8b85-cab58f78796a",{"_119":311,"_144":-5,"_117":312,"_114":313},3,["D",1714758663412],"b5966048-0975-11ef-b9ec-cab58f78796a",{"_119":90,"_144":-5,"_117":315,"_114":316},["D",1714758644027],"aa088a62-0975-11ef-bda8-cab58f78796a",{"_119":123,"_144":-5,"_117":318,"_114":319},["D",1714758258114],"c402ee04-0974-11ef-aa80-cab58f78796a",{"_119":31,"_144":-5,"_117":321,"_114":322},["D",1699666828547],"552c6797-1c8f-4984-833f-e385f2650ad9","recentThread","breadcrumbs","comments",[327,338],{"_114":328,"_329":330,"_117":331,"_332":-5,"_333":26,"_334":26,"_20":335},"2d1bc132-9083-11ef-86e5-de64eea55b61","body","currently, your server also adds a `Access-Control-Request-Headers` header, which is wrong: it should be `Access-Control-Allow-Headers`",["D",1729607854367],"updatedAt","canDelete","canEdit",{"_131":336,"_133":337},"rozek","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ybjB5SWh3N1NZbElndXIzcnRoT2tlVGFQMFoifQ",{"_114":339,"_329":340,"_117":341,"_332":-5,"_333":26,"_334":26,"_20":342},"894614a8-9083-11ef-8a0f-de64eea55b61","as mentioned in my bug report, a possible workaround is to handle OPTIONS requests in the val itself, with code similar to the following:\n\n```\n if (Request.method === 'OPTIONS') {\n return new Response(null, {\n status: 204,\n headers: {\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',\n 'Access-Control-Allow-Headers': '*'\n },\n })\n }\n```",["D",1729608008995],{"_131":336,"_133":337},"isOwner","routes/_app.v.$handle.$name.pulls._index",{"_95":96,"_94":346,"_131":132,"_139":140,"_98":99,"_442":31,"_443":123,"_50":51,"_444":445},{"_98":99,"_95":96,"_100":101,"_102":103,"_104":-5,"_105":106,"_107":108,"_109":110,"_111":112,"_113":26,"_114":112,"_115":116,"_117":347,"_119":120,"_121":26,"_122":123,"_124":90,"_125":31,"_126":123,"_127":90,"_128":123,"_129":-5,"_20":348,"_135":-5,"_136":-7,"_137":138,"_139":140,"_141":349},["D",1733504919780],{"_131":132,"_133":134},[350,352,354,356,358,360,362,364,366,368,370,372,374,376,378,380,382,384,386,388,390,392,394,396,398,400,402,404,406,408,410,412,414,416,418,420,422,424,426,428,430,432,434,436,438,440],{"_119":120,"_144":-5,"_117":351,"_114":112},["D",1733504919780],{"_119":147,"_144":-5,"_117":353,"_114":149},["D",1729607851219],{"_119":151,"_144":-5,"_117":355,"_114":153},["D",1715788718282],{"_119":155,"_144":-5,"_117":357,"_114":157},["D",1715348456649],{"_119":159,"_144":-5,"_117":359,"_114":161},["D",1714762885987],{"_119":163,"_144":-5,"_117":361,"_114":165},["D",1714762845980],{"_119":167,"_144":-5,"_117":363,"_114":169},["D",1714762789996],{"_119":171,"_144":-5,"_117":365,"_114":173},["D",1714760077153],{"_119":175,"_144":-5,"_117":367,"_114":177},["D",1714760068788],{"_119":179,"_144":-5,"_117":369,"_114":181},["D",1714760065309],{"_119":183,"_144":-5,"_117":371,"_114":185},["D",1714760046735],{"_119":187,"_144":-5,"_117":373,"_114":189},["D",1714759912419],{"_119":191,"_144":-5,"_117":375,"_114":193},["D",1714759888748],{"_119":195,"_144":-5,"_117":377,"_114":197},["D",1714759722758],{"_119":199,"_144":-5,"_117":379,"_114":201},["D",1714759684270],{"_119":203,"_144":-5,"_117":381,"_114":205},["D",1714759540579],{"_119":207,"_144":-5,"_117":383,"_114":209},["D",1714759396947],{"_119":211,"_144":-5,"_117":385,"_114":213},["D",1714759390791],{"_119":215,"_144":-5,"_117":387,"_114":217},["D",1714759371215],{"_119":219,"_144":-5,"_117":389,"_114":221},["D",1714759368465],{"_119":223,"_144":-5,"_117":391,"_114":225},["D",1714759366964],{"_119":227,"_144":-5,"_117":393,"_114":229},["D",1714759347486],{"_119":231,"_144":-5,"_117":395,"_114":233},["D",1714759337617],{"_119":235,"_144":-5,"_117":397,"_114":237},["D",1714759306075],{"_119":239,"_144":-5,"_117":399,"_114":241},["D",1714759291641],{"_119":243,"_144":-5,"_117":401,"_114":245},["D",1714759285200],{"_119":247,"_144":-5,"_117":403,"_114":249},["D",1714759281566],{"_119":251,"_144":-5,"_117":405,"_114":253},["D",1714759277884],{"_119":255,"_144":-5,"_117":407,"_114":257},["D",1714759250495],{"_119":259,"_144":-5,"_117":409,"_114":261},["D",1714759222579],{"_119":263,"_144":-5,"_117":411,"_114":265},["D",1714759101993],{"_119":267,"_144":-5,"_117":413,"_114":269},["D",1714759053669],{"_119":271,"_144":-5,"_117":415,"_114":273},["D",1714759004796],{"_119":275,"_144":-5,"_117":417,"_114":277},["D",1714758995430],{"_119":279,"_144":-5,"_117":419,"_114":281},["D",1714758820143],{"_119":283,"_144":-5,"_117":421,"_114":285},["D",1714758773824],{"_119":287,"_144":-5,"_117":423,"_114":289},["D",1714758749660],{"_119":291,"_144":-5,"_117":425,"_114":293},["D",1714758739480],{"_119":295,"_144":-5,"_117":427,"_114":297},["D",1714758733586],{"_119":299,"_144":-5,"_117":429,"_114":301},["D",1714758721261],{"_119":303,"_144":-5,"_117":431,"_114":305},["D",1714758715879],{"_119":307,"_144":-5,"_117":433,"_114":309},["D",1714758673526],{"_119":311,"_144":-5,"_117":435,"_114":313},["D",1714758663412],{"_119":90,"_144":-5,"_117":437,"_114":316},["D",1714758644027],{"_119":123,"_144":-5,"_117":439,"_114":319},["D",1714758258114],{"_119":31,"_144":-5,"_117":441,"_114":322},["D",1699666828547],"page","count","prs",[446],{"_114":447,"_139":448,"_117":449,"_450":451,"_453":454},"3b0df33c-0a87-11ef-8f89-cab58f78796a","Add mention to other val in readme",["D",1714876139940],"targetVal",{"_114":101,"_98":99,"_131":132,"_133":134,"_452":132},"username","forkVal",{"_114":455,"_98":99,"_131":456,"_133":457,"_452":456},"a9f1ed0e-0a86-11ef-b6cd-cab58f78796a","neverstew","https://secure.gravatar.com/avatar/109fa713caf4e083c57622b7c6dad365.jpg?s=200&d=identicon","routes/_app","actionData","errors"]