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

我正在使用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'
        },
      })
   }