ASP.NETCore应用程序中使用Angular时proxy.conf.js无法工作
创始人
2024-09-18 12:30:39
0
  1. 在根目录下创建一个名为proxy.config.json的文件,包含以下内容:
{
  "/api/*": {
    "target": "http://localhost:5000",
    "secure": false
  }
}
  1. package.json中添加以下命令:
"start": "ng serve --proxy-config proxy.config.json"
  1. Startup.cs中添加以下代码:
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{

    ...

    app.UseEndpoints(endpoints =>
    {
        endpoints.MapControllers();
    });

    app.UseSpa(spa =>
    {
        spa.Options.SourcePath = "ClientApp";

        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "start");
        }
    });
}
  1. app.module.ts中添加以下代码:
import { HttpClientModule } from '@angular/common/http';
...

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, HttpClientModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
  1. 在Angular的service中使用相对路径访问API接口:
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root',
})
export class ApiService {
  private apiUrl = '/api'; // 相对路径

  constructor(private http: HttpClient) {}

  getUsers() {
    return this.http.get(`${this.apiUrl}/users`);
  }
}

这样,将在http://localhost:4200/api下代理到http://localhost:5000/api

相关内容

热门资讯

两分钟了解!人民棋牌天天诸暨麻... 两分钟了解!人民棋牌天天诸暨麻将插件,钱塘十三水有辅助挂吗,教你教程(有挂ai代打);1、人民棋牌天...
一分钟了解!潮汕闲来麻将app... 一分钟了解!潮汕闲来麻将app有挂吗,上品长乐十三水辅助器下载,揭秘教程(有挂插件)1、任何上品长乐...
九分钟了解!雀神小程序辅助在哪... 九分钟了解!雀神小程序辅助在哪下载,大晋游戏辅助,攻略方法(有挂透视)1、雀神小程序辅助在哪下载ai...
一分钟了解!顺欣茶坊辅助,川麻... 一分钟了解!顺欣茶坊辅助,川麻圈软件到底有没有挂,普及教程(有挂透明)一、川麻圈软件到底有没有挂AI...
九分钟了解!哥哥跑得快辅助,爱... 九分钟了解!哥哥跑得快辅助,爱来麻将到底有没有挂,解密教程(有挂教学)运爱来麻将到底有没有挂辅助工具...
六分钟了解!大唐河北麻将有挂吗... 六分钟了解!大唐河北麻将有挂吗,越乡游义乌斗牛辅助工具,可靠教程(有挂教学)1、越乡游义乌斗牛辅助工...
九分钟了解!天天开心王国十三水... 九分钟了解!天天开心王国十三水有没有外 挂,钱塘十三水怎么提升好牌率,新版2025教程(有挂辅助)1...
二分钟了解!新芒果监利开机有挂... 二分钟了解!新芒果监利开机有挂吗,经典联盟有外挂吗,可靠技巧(有挂脚本);运新芒果监利开机有挂吗辅助...
七分钟了解!闽游麻将游戏有挂吗... 七分钟了解!闽游麻将游戏有挂吗,丽水茶苑双扣辅助工具,AA德州教程(有挂攻略);暗藏猫腻,小编详细说...
五分钟了解!科乐麻将系统规律,... 五分钟了解!科乐麻将系统规律,白金岛跑得快的,解密教程(有挂透视)1)科乐麻将系统规律辅助挂:进一步...