2017-07-19 94 views
0

我用角2开发前端和使用ASP MVC(未ASP CORE)的后端...发布网站上使用ASP MVC和角2

在正常的ASP MVC应用程序中使用此步骤来发布应用程序:

  1. 右击项目
  2. 选择菜单
  3. 选择配置文件名称
  4. 连接上发布...

等步骤

当我使用步骤和上传我的主机网站网站只显示在

"<my-app>Loading...</my-app>" 

使用默认加载消息,这是默认使用的步骤我发布的文件夹:

published asp mvc & angular 2 web application folder and files

请帮帮我!并说我步骤发布我的web应用程序

坦克

+0

您是否使用Azure作为主机? –

+0

没有我使用共享虚拟主机服务@JoséQuintoZamora –

+0

请分享更多关于控制台日志错误,应用程序代码等信息 –

回答

0

嗯,我还没有很久以前面临过这样的问题,不幸的是我没有找到很多关于它的信息,但可以分享一些经验。

  1. (在我的情况wwwroot)里面创建了建设项目的解决方案文件夹
  2. 配置角度CLI或任何你用它来建立你的项目来存储建立.angular-cli.json文件文物有(在我的情况设置"outDir": "PROJECT_PATH_OR_EMPTY_IF_ITS_IN_SAME_FOLDER/wwwroot"
  3. 构建的角度应用(在我的情况ng build --prod --output-hashing=none --environment=qa

这里的问题开始:在.NET的核心,你可以只配置项目加载从wwwroot文件夹index.html文件,一切都很好,但我咳嗽ldn`t做,在这种情况下(任何想法apreciated)

所以...

  • 修改MVC应用程序缺省路由仅加载一个视图(角本身将照顾事后)

    routes.MapRoute( 名称: “默认”, 网址: “{* URL}”, 默认:新{控制器= “家”,行动= “指数”,ID = UrlParameter。可选} );

  • 修改布局页面 - 将所有index.html内容复制到_Layout。HTML(确保脚本标记是指纠正wwwroot文件夹中的文件)

  • 发布照常

  • 解决方案例如

    enter image description here

    我希望这将有助于。

    +0

    它是角1吗? –

    +0

    no angular 2(4) – maxs87

    +0

    如何在我的项目中运行“ng build”...我在youtube中使用可视代码中的终端来运行“ng build” –