script内のデータが見えないようにしたい

前提・実現したいこと

rails初心者です。作成中のポートフォリオで改善しなければならない件があり質問させていただきました。ご教示いただけると幸いです。

ローカルにてサイトを開いた際にデベロッパーツールでElementsを確認すると、<script></script>内に表示されて欲しくないデータが表示されてしまいます。これを表示されないようにしたいのですがアドバイスをいただけると幸いです。

該当のソースコード

#top.htmlの<script>内にてgem gonを用いてcredentials.ymlに設定したurlやサブスクリプションキーを使用

document.getElementById("btn").addEventListener('click', () => {
  fetch( gon.url, {
  method: 'POST',
  headers: {
  "Ocp-Apim-Subscription-Key": gon.subscription_key,

デベロッパーツール確認時

<html>
  <head>
    ...
    ...
   <script>
   //<![CDATA[
　　　　　　　window.gon={};gon.url=
　　　　　　　#ここにgem gonで設定したURLが表示されてしまう
　　　　　　;gon.subscription_key="ここにgem gonで設定したサブスクリプションキーが表示されてしまう
   </script>
   </head>

補足情報（FW/ツールのバージョンなど）

Rails 6.1.3.1
ruby 3.0.0
　Vue.js 2.6.1

CHERRY

2021/07/06 05:15 編集

Webブラウザで動作するJavaScript で参照するデータが、Webブラウザ上で見えるのは仕様です。見えてほしくない理由は何でしょうか。

hasaya

2021/07/06 09:52

ご連絡ありがとうございます。railsのcredentials.ymlにAPIのキー、URLを記載しており、当初はgem gonを使用してfetchでweb APIにリクエストを投げようと考えていたのですが、これではブラウザのデバックツールでURLとAPIキーが丸見えとなってしまうと気付き、質問させていただいた次第です。今はサーバー側でWeb APIにリクエストを投げられる仕様に出来ないか考えております。