Reactで書かれたコードをグーグルクローラに読み込ませる
謎のエラー
webアプリを公開、サーチコンソールに登録後、url検査にて作成したページをライブテスト。そうしたら
スクリーンショットが真っ白、、、エラー内容を探してみると
Failed to set referrer policy: The value 'strict-origin-when-cross-origin' is not one of 'no-referrer', 'never', 'none', 'origin', 'no-referrer-when-downgrade', 'origin-when-crossorigin', 'origin-when-cross-origin',or 'unsafe-url'. Defaulting to 'no-referrer'. https://www.twi-reviews.jp/review/ARMS:0
Uncaught SyntaxError: Unexpected token => https://www.twi-reviews.jp/packs/hello_react-bc8882257be880b4f845.js:1
という二つのエラーが出ていた
Refferrerを解消
リファラーについてはこちらを参照
Referrer-Policy - HTTP | MDN
strict-origin-when-cross-originがないらしいので、headタグの中に
<meta name="referrer" content="origin-when-crossorigin">
を記述。
しかし、変わらない、、、
rails5.2から、デフォルトでHttpレスポンスにReferrer-Policyがno-referrer-when-downgradeになるようにされているらしい。
なのでconfig/application.rbに以下を記述
config.action_dispatch.default_headers['Referrer-Policy'] = 'no-referrer-when-downgrade'
エラー消えた、万々歳
もう一つのエラーについてはあとで考察します。