Angular HTTP GET请求异常：304状态码及Host地址错误求助

先梳理下你遇到的几个核心问题：请求Host不符、304缓存问题，以及saveCourse方法的潜在缺陷，我们逐个来拆解：

一、请求Host显示localhost:4200而非预期的3000 #

这个问题大概率和Angular的请求转发配置有关：

• 如果你用了Angular代理（比如proxy.conf.json）来规避跨域，那你的BASE_URL应该用相对路径（比如'/api/'），而不是硬写http://localhost:3000/。直接写完整URL会绕过代理，请求直接发往3000；但如果代理配置生效，请求会先到Angular的开发服务器（4200），再转发到3000，此时请求Host会显示4200是正常的。
  举个正确的代理配置示例：

  {
    "/api/*": {
      "target": "http://localhost:3000",
      "secure": false,
      "changeOrigin": true
    }
  }
  

  对应的BASE_URL要改成'/api/'，这样请求路径会自动转发到3000。
• 如果没用到代理，那检查浏览器Network面板的Request URL：如果实际请求是http://localhost:4200/courses，说明你的BASE_URL被错误覆盖了，比如代码里的变量赋值有误，或者有其他全局配置影响了请求地址。

二、GET请求返回304状态码 #

304是「资源未修改，使用本地缓存」的提示，本身不是错误，但如果数据更新后仍返回304，需要调整缓存策略：

• 强制浏览器不缓存GET请求：在HttpClient的请求选项里添加缓存控制头：

  import { HttpHeaders } from '@angular/common/http';
  
  all(){
    return this.http.get(`${BASE_URL}${this.model}`, {
      headers: new HttpHeaders({
        'Cache-Control': 'no-cache',
        'Pragma': 'no-cache',
        'Expires': '0'
      })
    });
  }
  

• 检查后端配置：如果后端设置了强缓存或协商缓存的响应头，也会导致304，需要后端调整缓存策略。

三、saveCourse方法的关键问题 #

你怀疑这个方法有问题是对的，这里有两个明显的缺陷：

1. update方法没有实际发送请求
   你的courses.service.ts里update方法只是打印日志，没有调用HttpClient.put发送更新请求。补充实现：

   update(course){
     console.log("Update course:",course);
     return this.http.put(`${this.geturl()}/${course.id}`, course);
   }
   

2. update操作没有订阅请求，也未刷新列表
   调用update后没有订阅Observable，请求根本不会发送；而且更新完成后也没刷新课程列表。修改saveCourse：

   saveCourse(course){
     if(course.id){
       this.coursesService.update(course).subscribe(result=> {
         this.loadCourses(); // 更新后刷新列表
         this.resetCurrentCourse(); // 重置编辑状态
       });
     }else{
       this.coursesService.create(course).subscribe(result=> {
         this.loadCourses();
         this.resetCurrentCourse();
       });
     }
   }
   

四、其他小优化 #

• courseselecter方法拼写错误，建议改成courseSelector（不影响功能但更规范）
• 给currentCourse和courses加上类型声明，避免null带来的潜在问题：

  currentCourse: any = null;
  courses: any[] = [];
  

内容的提问来源于stack exchange，提问作者user12457207