在浏览器中找不到api-key（404）

Question

我正在使用angular和ionic4创建新闻应用程序。我将我的api网址和api密钥放在了environment.ts文件中，如下所示：

export const environment = {
  production: false,
  apiUrl:'https://n------',
  apiKey:'api-key----'
};

我的news.service.ts文件为：

import { Injectable } from '@angular/core';
    import {HttpClient} from '@angular/common/http';
    import {environment} from '../environments/environment';
    
    const API_URL = environment.apiUrl;
    const API_KEY = environment.apiKey;
    
    @Injectable({
      providedIn: 'root'
    })
    export class NewsService {
    
      constructor(private http:HttpClient) { }
    
    
      getData(url){
        return this.http.get('${API_URL}/${url}&apiKey=${API_KEY}');
      }
    }

但是，当我刷新浏览器时，它显示以下错误：

Answer 1

我认为您要尝试的是在传递给http.get的字符串中插入变量。为此，您必须使用反引号（例如：`）而不是tick。试试看，让我知道。