Vue.jsでaxiosを使い.envファイルにアクセストークンを置いてもブラウザのdevtoolからトークンがばれる


Vue.jsでhttp通信を行うために  
axiosを使い、使用するアクセストークンは.envファイルに置いているのですが  
ブラウザのdevtoolからトークンがばれるのはどうしようもないのでしょうか？  
暗号化などを行う方法がありますか？




Vue.jsをブラウザ上で動作させる場合、axiosでHTTPリクエストを行うのもブラウザです。そのため、必然的にブラウザがアクセストークンを知ることになるため、質問者さんのおっしゃる通り、どうしようもないです。

アクセストークンをブラウザ（クライアント側）に知られてはいけない場合、トークンを知っているAPIサーバーを用意し、クライアント（Vue.js）からはそのAPIサーバーに対してリクエストを発行、アクセストークンを用いた実際のリクエストはAPIサーバーが行うという方法をとることになります。




Vue.jsをブラウザ上で動作させる場合、axiosでHTTPリクエストを行うのもブラウザです。そのため、必然的にブラウザがアクセストークンを知ることになるため、質問者さんのおっしゃる通り、どうしようもないです。

アクセストークンをブラウザ（クライアント側）に知られてはいけない場合、トークンを知っているAPIサーバーを用意し、クライアント（Vue.js）からはそのAPIサーバーに対してリクエストを発行、アクセストークンを用いた実際のリクエストはAPIサーバーが行うという方法をとることになります。

