[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_184":185,"_186":187},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_137":-5,"_20":138,"_22":139,"_140":141,"_142":143,"_25":144,"_24":-5,"_145":146,"_147":148,"_149":49,"_150":151,"_152":68,"_153":-5,"_154":-5,"_155":156},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":33,"_34":-5},"handle","neverstew","name","cors_example","branchName","main","version","path","","project",{"_35":94,"_13":14,"_37":95,"_47":-5,"_96":68,"_50":51,"_97":51,"_98":-5,"_99":-5,"_100":101,"_102":62,"_103":68,"_104":-5,"_105":-5,"_106":82,"_54":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":122,"_123":124,"_125":126,"_48":49},"tree",[85,86],"file","contents",[57,58],"upstream",{"_35":36,"_37":38,"_39":40,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"pull","ahead",2,"behind",46,"envVars","id","427d135c-25f0-11f0-ad23-569c3dd06744","createdAt",["D",1746037428632],"updatedAt",["D",1733504919780],"projectId","427ccbd6-25f0-11f0-ad23-569c3dd06744","forkedBranchId","forkedBranchVersion","lockfileKey","1767956778047-esm.town_v_stevekrouse_cors_example@46-main","deletedAt","isOwned",false,"privacy","public","userHandle","stevekrouse","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","projectName",{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":70,"_67":68,"_37":81,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_18":84},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":69,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_18":77},"28c18bd2-2780-11f0-b46e-569c3dd06744","main.tsx","fileId","28bc63dc-2780-11f0-b46e-569c3dd06744","parentId","branchId","28ba1d16-2780-11f0-b46e-569c3dd06744","branchVersion","latest",true,["D",1714876108066],1,"fileType","http","content","/** @jsxImportSource https://esm.sh/react */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\nimport react_http from \"https://esm.town/v/stevekrouse/react_http\";\n\nconst BASE_URL = \"https://stevekrouse-cors_example_backend.web.val.run\";\n\nexport function App() {\n const [logs, setLogs] = useState([]);\n async function request(url, options) {\n try {\n const response = await fetch(url, options);\n const status = response.status;\n const data = await response.text();\n setLogs([...logs, `${options?.method || \"GET\"} ${url} [${status}] ${data}`]);\n } catch (error) {\n setLogs([...logs, `${options?.method || \"GET\"} ${url} ${error}`]);\n }\n }\n return (\n

CORS Example

\n \n \n \n \n

Logs

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

\n );\n}\n\nexport default react_http(App, import.meta.url); ","deleted","label",[60],"28bc676a-2780-11f0-b46e-569c3dd06744","README.md","28bc67d8-2780-11f0-b46e-569c3dd06744",["D",1714875896768],0,"[CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS) issues are the bane of frontend engineers.\n\nIn Val Town, if you don't customize any CORS headers, we add these defaults:\n\n```\nAccess-Control-Allow-Origin: \"*\"\nAccess-Control-Allow-Methods: \"GET,HEAD,PUT,PATCH,POST,DELETE\"\n```\n\nYou can override them if you wish to disallow CORS. Check out [@neverstew/setCorsHeaders](https://www.val.town/v/neverstew/setCorsHeaders) for the easiest way to do this in your code.\n\nThis 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. ",[79],{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":70,"_67":68,"_37":91,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_88":92,"_18":93},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":87,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_88":89,"_18":90},["D",1714876108066],"children",[],[60],["D",1714875896768],[],[79],"28b9d324-2780-11f0-b46e-569c3dd06744",["D",1746209184102],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","8acb974a-4b91-4d4a-b000-6f28827b7e16","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","b74060f0-0f1d-44f1-bee2-bdb9c9cf72e4","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_136":132},"org",{"_11":12,"_130":-5,"_131":132,"_100":101,"_133":134,"_135":49},"branch",{"_17":31,"_13":16,"_35":65,"_41":94,"_43":36,"_44":82,"_127":51,"_128":42,"_129":55,"_56":14,"_52":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://secure.gravatar.com/avatar/109fa713caf4e083c57622b7c6dad365.jpg?s=200&d=identicon","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_35":94,"_13":14,"_37":180,"_47":-5,"_96":68,"_50":51,"_97":51,"_98":-5,"_99":-5,"_100":101,"_102":62,"_103":68,"_104":-5,"_105":-5,"_106":82,"_54":107,"_108":-5,"_109":-5,"_110":-5,"_111":-5,"_112":113,"_114":113,"_115":116,"_117":116,"_118":116,"_119":113,"_120":113,"_121":181,"_123":182,"_125":183,"_48":49},[174,175],"files",[174,175],"counts",{"_165":82,"_166":70,"_167":82,"_34":168,"_169":170},[161,162],"upstreamProject",{"_35":42,"_13":14,"_98":-5,"_99":-5,"_50":51,"_121":159},"upstreamBranch",{"_35":36,"_37":157,"_39":158,"_13":16,"_41":42,"_17":33,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":53,"_54":55,"_56":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746037428632],["D",1733504919780],{"_11":53,"_136":160},"https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":70,"_67":68,"_37":81,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_18":164},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":69,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_18":163},[60],[79],"pulls","branches","forks",{"_171":82,"_173":82},"connections",{"_171":82,"_172":82},"count","unfilledCount","emptyCount",{"_35":78,"_13":79,"_61":80,"_63":-5,"_64":65,"_66":70,"_67":68,"_37":91,"_17":82,"_71":24,"_73":83,"_75":49,"_76":-5,"_88":178,"_18":179},{"_35":59,"_13":60,"_61":62,"_63":-5,"_64":65,"_66":31,"_67":68,"_37":87,"_17":70,"_71":72,"_73":74,"_75":49,"_76":-5,"_88":176,"_18":177},[],[60],[],[79],["D",1746209184102],{"_11":12,"_136":132},{"_11":12,"_130":-5,"_131":132,"_100":101,"_133":134,"_135":49},{"_17":31,"_13":16,"_35":65,"_41":94,"_43":36,"_44":82,"_127":51,"_128":42,"_129":55,"_56":14,"_52":12},"ctx",{"_121":-5,"_154":217,"_218":219,"_220":221,"_222":49,"_223":49,"_224":49,"_225":68,"_226":-5,"_227":-7,"_228":-7,"_229":82,"_230":49,"_231":49,"_232":-5,"_233":49,"_234":49,"_235":49,"_236":-5},"ENV",{"_188":189,"_190":191,"_192":16,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Code