53983


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


CC BY-SA 4.0
2019-04-06T09:47:45.407
53977
2021-04-04T00:52:17.520
2021-04-04T00:52:17.520
32986
32383
question
vue.js http axios
Vue.jsでaxiosを使い.envファイルにアクセストークンを置いてもブラウザのdevtoolからトークンがばれる


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

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


CC BY-SA 4.0
2019-04-06T15:32:08.687
53983
2019-04-06T15:32:08.687
30079
53977
answer