首页 > Web开发 > 详细

asp.net core spa应用(angular) 部署同一网站下

时间:2019-09-19 02:00:19      阅读:140      评论:0      收藏:0      [点我收藏+]

  需求:现在一个应用是前后端开发分离,前端使用angular,后端使用 asp.net core 提供api ,开发完成后,现在需要把两个程序部署在同一个网站下,应该怎么处理?

  首先可以参考微软的官方文档  Use the Angular project template with ASP.NET Core

   .net core 对前后端的部署还是很友好的,主要处理步骤如下:

   1.配置服务 在startup中的 ConfigureServices()中声明

   

   services.AddSpaStaticFiles(configuration => {
                //angular文件所在文件夹
                configuration.RootPath = "client";
            });

2. 调用服务,在startup中的 Configure() 方法中声明

   app.UseStaticFiles();
            // spa files
            app.UseSpaStaticFiles();
     
            app.UseMvc(routes =>
            { 
                routes.MapRoute(
                    name: "default",
                    template: "{controller}/{action=Index}");
                
            });
            //使用服务
            app.UseSpa(f =>
            {
                //f.Options.SourcePath = @"\client";
                if (env.IsDevelopment())
                {
            // 本地调试用 f.UseProxyToSpaDevelopmentServer(
"http://localhost:4200"); } });

这里要注意, app.usespa要放在 app.usemvc后面,否者前端是调不到后端api的。

3 部署: 

  前后端分别发布出来,在iis中把后端部署好,同时,在后端的文件夹中建立一个 “client” 文件夹(第一步中的配置),把前端发布好的文件放置到该目录中就可以了。

技术分享图片

 

asp.net core spa应用(angular) 部署同一网站下

原文:https://www.cnblogs.com/jidanfan/p/11546490.html

(1)
(1)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!