使用axios和vue.js发出请求时保护身份验证详细信息

Question

我正在使用需要授权的axios进行api调用（用户名和密码。

我已经完成了所有工作，但是在遵循axios文档并将代码放在vue.js文件中时，可以非常方便地访问用户名和密码，例如下面的示例。我怎样才能使这更安全？

  auth: {
    username: 'janedoe',
    password: 's00pers3cret'
  },

我理解HTTPS需要阻止拦截标头，但是这段代码始终存在。我错过了一招吗？

    created() {
        var self = this;

      axios.get(
        'https://url.com'
      , {

        auth: {
          username: 'name',
          password: 'dlkwlfdkwefhwelkfew'
        },
      })
   }

Axios docs