Asp.net core 2.1 - 如何提供多个Angular应用程序?
创始人
2024-09-14 14:00:26
0

要在ASP.NET Core 2.1中提供多个Angular应用程序,您可以按照以下步骤操作:

  1. 在ASP.NET Core项目中创建多个Angular应用程序。可以使用Angular CLI分别创建这些应用程序。假设您有两个Angular应用程序,分别命名为“app1”和“app2”。

  2. 在ASP.NET Core项目的根文件夹中创建两个文件夹,分别命名为“app1”和“app2”。将“app1”和“app2”文件夹中的所有内容复制到相应的文件夹中。

  3. 打开“Startup.cs”文件,并添加以下代码:

public void ConfigureServices(IServiceCollection services)
{
    services.AddMvc();

    // 添加Angular应用程序1
    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "app1/dist";
    });

    // 添加Angular应用程序2
    services.AddSpaStaticFiles(configuration =>
    {
        configuration.RootPath = "app2/dist";
    });
}

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    app.UseStaticFiles();
    app.UseMvc();

    app.UseSpa(spa =>
    {
        // 配置Angular应用程序1
        spa.Options.SourcePath = "app1";
        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "start");
        }

        // 配置Angular应用程序2
        spa.Options.SourcePath = "app2";
        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "start");
        }
    });
}
  1. 在ASP.NET Core项目的根文件夹中打开“package.json”文件,并添加以下代码:
"scripts": {
    "start:app1": "ng serve --open --port 4201",
    "start:app2": "ng serve --open --port 4202"
}
  1. 在ASP.NET Core项目的根文件夹中打开命令行界面,并运行以下命令来启动Angular应用程序:
npm run start:app1
npm run start:app2

这样,您就可以在ASP.NET Core项目中同时提供多个Angular应用程序了。每个应用程序都可以在不同的端口上运行,例如“http://localhost:4201”和“http://localhost:4202”。

相关内容

热门资讯

关于“乐乐游戏辅助器”原生有辅... 关于“乐乐游戏辅助器”原生有辅助器(有挂功能)这是一款可以让一直输的玩家,快速成为一个“必胜”的ai...
科技新动态“红中血流攻略”素来... 科技新动态“红中血流攻略”素来有辅助开挂挂(有挂方法);亲,红中血流攻略这款游戏原来确实可以开挂的,...
今日公布“丽水都来大菠萝脚本辅... 您好:这款丽水都来大菠萝脚本辅助游戏是可以开挂的,确实是有挂的,很多玩家在这款丽水都来大菠萝脚本辅助...
发现一款“广西老友玩老师输怎么... 发现一款“广西老友玩老师输怎么版”一向有辅助开挂工具(有挂总结);亲,广西老友玩老师输怎么版这款游戏...
透视数据“epoker透视”原... 透视数据“epoker透视”原先有辅助挂(有挂方针)这是一款可以让一直输的玩家,快速成为一个“必胜”...
记者发布“友玩广西辅助联系方式... 记者发布“友玩广西辅助联系方式”原生有开挂辅助挂(有挂技术);无需打开直接搜索薇:136704302...
玩家必看科普“蜀渝牌乐汇修改器... 玩家必看科普“蜀渝牌乐汇修改器”从前有开挂辅助脚本(证实有挂)1、下载安装好蜀渝牌乐汇修改器,进入游...
透视计算“白金岛小程序插件最新... >>您好:白金岛小程序插件最新版本更新内容确实是有挂的,很多玩家在这款白金岛小程序插件最新版本更新内...
必知教程“欢聚水鱼智能辅助脚本... 大家好,今天小编来为大家解答欢聚水鱼智能辅助脚本怎么用这个问题咨询软件客服可以免费测试直接加微信(1...
揭秘一下“海豹3+1辅助器”原... 揭秘一下“海豹3+1辅助器”原先有辅助工具(发现有挂) 了解更多开挂安装加(136704302)微信...