将授权标头传递给Angular 2 HttpInterceptor的安全性

Question

My Angular前端使用REST API从后端获取数据。后端受基本http身份验证保护，并具有管理员用户和密码。我通过服务获取数据并决定添加一个拦截器来为请求添加授权

@Injectable()
export class ApiInterceptor implements HttpInterceptor {
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const clone = req.clone({ setHeaders: { Authorization: `Basic ${RouteAuth.auth}` } })
        return next.handle(clone);
    }
}

这里从TS文件中获取RouteAuth.auth。我的问题是，在通过浏览器调试器检查代码时，此auth字符串是可见的。我该如何处理？