[{"data":1,"prerenderedAt":86},["ShallowReactive",2],{"legacy-question-0195e9b15d85067d3461d9ef757ad357":3,"legacy-question-author-koji-kadoma":59,"legacy-question-category-website-building":75},{"id":4,"title":5,"author":6,"body":7,"category":46,"date":47,"description":5,"extension":48,"locale":49,"meta":50,"navigation":51,"path":52,"seo":53,"slug":54,"stem":55,"tag":56,"updated":47,"__hash__":58},"legacyQuestions\u002F20211005010000-Cockpit CMSにアップロードした画像が403になる.md","Cockpit CMSにアップロードした画像が403になる","koji-kadoma",{"type":8,"value":9,"toc":42},"minimark",[10,15,19,22,25,36,39],[11,12,14],"h2",{"id":13},"webサーバー側の問題です","Webサーバー側の問題です。",[16,17,18],"p",{},"Cockpit CMSはassetsとしてアップロードした静的ファイルについては、何も処理をしていない（アクセス禁止など）ので、問題があるとしたらサーバー側の問題です。",[16,20,21],{},"レンタルサーバーによっては、SPAなどのJavascriptフレームワークからのアクセスをCORS処理していることがあるので、CORSを追加してあげるとアクセスできることがあります。",[16,23,24],{},"Apacheなどなら、cockpit CMSの.htaccessファイルのmod_headersの部分に追記すればアクセス可能になるのではないかと思います。",[26,27,32],"pre",{"className":28,"code":30,"language":31},[29],"language-text","\u003CIfModule mod_setenvif.c>\n  \u003CIfModule mod_headers.c>\n    SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\\s*,?\\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding\n    RequestHeader append Accept-Encoding \"gzip,deflate\" env=HAVE_Accept-Encoding\n    # ここから\n    \u003CFilesMatch \"\\.(bmp|cur|gif|ico|jpe?g|png|svgz?|webp)$\">\n      Header set Access-Control-Allow-Origin \"*\"\n    \u003C\u002FFilesMatch>\n    # ここを追記\n  \u003C\u002FIfModule>\n\u003C\u002FIfModule>\n","text",[33,34,30],"code",{"__ignoreMap":35},"",[16,37,38],{},"画像ファイルへのアクセスの時だけ、CORSのAccess-Control-Allow-Originを全てにしています。",[16,40,41],{},"また、CloudflareなどのCDNを使っている場合は、CDNがアクセスをブロックすることもあるので、そちらも確認しましょう。",{"title":35,"searchDepth":43,"depth":43,"links":44},2,[45],{"id":13,"depth":43,"text":14},"website-building","2021-10-05T01:00:00.000Z","md","ja",{},true,"\u002F20211005010000-cockpit-cms403",{"title":5,"description":5},"0195e9b15d85067d3461d9ef757ad357","20211005010000-Cockpit CMSにアップロードした画像が403になる",[57],"cockpit-cms","L7L2Ud80iO9TGV4OiTp9OB1P5n2dq099lRutIH2vhXw",{"id":60,"title":61,"body":62,"date":66,"description":67,"extension":48,"locale":49,"meta":68,"name":71,"navigation":51,"path":72,"seo":73,"slug":6,"stem":6,"updated":66,"__hash__":74},"legacyAuthors\u002Fkoji-kadoma.md","Koji Kadoma",{"type":8,"value":63,"toc":64},[],{"title":35,"searchDepth":43,"depth":43,"links":65},[],"2021-04-01T00:00:00.000Z","Webエンジニアです。Javascript、PHP、Ruby、Dockerなどをメインで使っています。",{"image":69,"url":70},"https:\u002F\u002Fwww.codit.work\u002Fimgs\u002Favatar\u002Fkoji-kadoma.png","https:\u002F\u002Fkoji.pages.dev\u002F",null,"\u002Fkoji-kadoma",{"title":61,"description":67},"H1yaGicrsv1CzYTbFeEXQosuYx93lIutD3_XwXMhAFk",{"id":76,"title":77,"body":78,"date":66,"description":77,"extension":48,"locale":49,"meta":82,"navigation":51,"path":83,"seo":84,"slug":46,"stem":46,"updated":66,"__hash__":85},"legacyCategories\u002Fwebsite-building.md","Webサイト構築",{"type":8,"value":79,"toc":80},[],{"title":35,"searchDepth":43,"depth":43,"links":81},[],{},"\u002Fwebsite-building",{"title":77,"description":77},"h9jPLD2mzMm3L4sFN5qWSiSirySQQLdnxLhQcvw8VlQ",1783320299322]