• 应用场景

angular2（下文中标注位NG2）项目和.net mvc项目分别开发，前期采用跨域访问进行并行开发，后期只需要将NG2项目的生产版本合并到.net项目。

  • NG2项目概述

  1. ng2项目采用的是angular-cli搭建的框架。

  2. 使用type script、rxjs等内容开发。

  • .net mvc 项目概述：

  1. 前期开发阶段，去除了验证内容，并支持跨域（这里没有使用api）。

  2. 后期需要与ng2的发布内容进行整合。

  • 具体步骤（只说明.net mvc中的操作内容）

  • 路由内容设置
  • //防止用户刷新路由指向错误
    
            routes.MapRoute(
    
               name: "ngdefault",
    
               url: "content/dist/{*.}",
    
               defaults: new { controller = "Home", action = "Index" }
    
           );
    
            //原NG2开发框架中的调用内容
    
            routes.MapRoute(
    
                name: "MyRoute",
    
                url: "api/{controller}/{action}"
    
            );
    
            //正常的页面请求
    
            routes.MapRoute(
    
                name: "Default",
    
                url: "{controller}/{action}/{*pathInfo}",
    
                defaults: new { controller = "Home", action = "Index"}
    
            );

  • 页面设置（以下为我的Home控制器Index对应的页面内容）

  • @{
    
    Layout = null;
    
}

<!DOCTYPE html>

<html>
    
<head>
    
    <meta name="viewport" content="width=device-width" />
    
    <title>Index</title>
    
    <base href="/content/dist/">
    
</head>
    
<body>
    
    <app-root></app-root>
    　　@* 以下内容要根据你的NG2项目的生成内容来设置，具体请参照你的NG2项目引导页面的内容。 *@
    
    <script type="text/javascript" src="~/content/dist/inline.js"></script>
    
    <script type="text/javascript" src="~/content/dist/styles.41c78f28e60ca8b5fd69.bundle.js"></script>
    
    <script type="text/javascript" src="~/content/dist/scripts.bc1943ee0f025606a729.bundle.js"></script>
    
    <script type="text/javascript" src="~/content/dist/main.2ad5580a0f71e9dcee3e.bundle.js"></script>
    
</body>
    
</html>

  • NG2项目放置位置

发布内容放到content目录下，所以index页面需要在head中设置<base href="/content/dist/">。

  • 实现内容

  1. ng2的路由可以正确使用
  2. 再刷新页面等操作时，mvc的路由能正确引导NG2的路由。不会出现无法访问页面的错误。
有其他更好的方法去操作，还请园友不吝赐教，再此谢过。

angluarjs2项目生成内容合并到asp.net mvc4项目中一起发布的更多相关文章

  1. 一年开发ASP.NET MVC4项目经验总结

    一年开发ASP.NET MVC4项目所用所学技术经验总结 阅读目录 文章背景 前端所用技术摘要 后端所用技术摘要 1. 文章背景 本人2014年从Java转行到C#从事BS项目的开发,刚开始接触的是A ...

  2. ASP.NET MVC4网站搭建与发布【最新】

    ASP.NET MVC4网站搭建与发布 一些往事 2015年,仅仅大二的我怀着一颗创业之心,加入了常熟派英特,成为阳光职场平台的创始之一,并肩负了公司技术部的大梁,当时阳光职场正在从线下服务向互联网化 ...

  3. 在asp.net mvc4项目里bootstrap datetimepicker控件的使用

    前段时间写了一篇关于调用阿里大于的短信接口来开发例会短信群发通知功能的文章http://www.cnblogs.com/zhouyuangan/p/apicall_1.html,其中的例会时间是需求中 ...

  4. VS编译linux项目生成静态库并在另一个项目中静态链接的方法

    VS2017也推出很久了,在单位的时候写linux的服务端程序只能用vim,这让用惯了IDE的我很难受. 加上想自己撸一套linux上的轮子,决定用VS开工远程编写调试linux程序. 在window ...

  5. Spring Boot项目生成jar包，并在windows服务器中注册成服务，开机启动

    背景: 使用Spring Boot开发的Web项目,打包生成了一个jar包,希望能部署在Windows服务器中 尝试: 1.Spring Boot生成的jar包,可以直接用java -jar运行,但是 ...

  6. Asp.Net mvc4 项目 在vs中调试正常 在IIS发布后连接oracle数据库时提示数据库连接关闭

    解决办法: 1.打开iis,找到发布的程序 2.右键单击“TAKANAPP” 从右键菜单选择“管理应用程序”--“高级设置....” 在打开的高级设置  面板 查看对应的应用程序池 名称 3.设置应用 ...

  7. asp.net core2.0中网站发布的时候，视图文件不被打包成dll

    项目csproj文件里面加 <Project Sdk="Microsoft.NET.Sdk.Web"> <PropertyGroup> <Target ...

  8. 微信开发订阅号（ASP.NET MVC4+jquery mobile+AppHarbor发布）

    首先应该去微信公众平台注册一个账号,因为我是用的个人,所以只能注册订阅号,然后需要提供身份证照片,这些大家慢慢折腾.然后在微信管理面板中选择高级功能,进入开发者模式. 在服务器配置中需要提供最重要的u ...

  9. asp.net core2.0中网站发布的时候，怎么样才配置才可以使视图文件不被打包进去？

    默认设置可真是坑~~ https://q.cnblogs.com/q/99680/

随机推荐

  1. 基于OpenCV的车辆检测与追踪的实现

    最近老师布置了一个作业,是做一个基于视频的车辆检测与追踪,用了大概两周的时间做了一个简单的,效果不是很理想,但抑制不住想把自己的一些认识写下来,这里就把一些网络上的博客整理一下分享给大家,希望帮助到大 ...

  2. webapi - 模型验证

    本次要和大家分享的是webapi的模型验证,讲解的内容可能不单单是做验证,但都是围绕模型来说明的:首先来吐槽下,今天下午老板为自己买了套新办公家具,看起来挺好说明老板有钱,不好的是我们干技术的又成了搬 ...

  3. iOS开发之ReactiveCocoa下的MVVM（干货分享）

    最近工作比较忙,但还是出来更新博客了,今天给大家分享一些ReactiveCocoa以及MVVM的一些东西,干活还是比较足的.在之前发表过一篇博文,名字叫做<iOS开发之浅谈MVVM的架构设计与团 ...

  4. Xamarin+Prism开发详解三：Visual studio 2017 RC初体验

    Visual studio 2017 RC出来一段时间了,最近有时间就想安装试试,随带分享一下安装使用体验. 1,卸载visual studio 2015 虽然可以同时安装visual studio ...

  5. react入门参考资料--step by step

    ReactJS简介 React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站.做出 ...

  6. C# BackgroundWorker 详解

    在C#程序中,经常会有一些耗时较长的CPU密集型运算,如果直接在 UI 线程执行这样的运算就会出现UI不响应的问题.解决这类问题的主要途径是使用多线程,启动一个后台线程,把运算操作放在这个后台线程中完 ...

  7. 灵魂宝石 bzoj 2663

    灵魂宝石(1s 128MB)soulgem [问题描述] "作为你们本体的灵魂,为了能够更好的运用魔法,被赋予了既小巧又安全的外形" 我们知道,魔法少女的生命被存放于一个称为灵魂宝 ...

  8. JavaScript学习笔记(三)——this、原型、javascript面向对象

    一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化, ...

  9. git

    CMD命令:git initgit add . [添加文件至暂存区]git commit -m '描述性语句 随意写即可'git branch gh-pages [创建仓库分支]git checkou ...

  10. Spring.Net在Mvc4.0中应用的说明

    案例Demo:http://yunpan.cn/cJ5aZrm7Uybi3 访问密码 414b Spring.Net在Mvc4.0中应用的说明 1.引用dll 2.修改Global文件 (Spring ...