发布网站使用 ASP mvc 和 angular 2

publish website used ASP mvc and angular 2

我使用 angular 2 开发前端，使用 Asp MVC（不是 ASP CORE）开发后端...

正常 asp mvc 应用程序使用此步骤发布应用程序：

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

和其他步骤

当我使用这些步骤并在主机网站上上传我的网站时，只显示

中使用的默认加载消息 
"<my-app>Loading...</my-app>"

这是我默认步骤使用的已发布文件夹：

请帮帮我！并告诉我发布 Web 应用程序的步骤

坦克

好吧，我不久前遇到过这个问题，不幸的是我没有找到很多关于它的信息，但可以分享一些经验。

  1. 在构建工件的解决方案中创建文件夹（wwwroot 在我的例子中）
  2. 配置 angular cli 或任何你用来构建你的项目以在那里存储构建工件的东西（在我的例子中在 .angular-cli.json 文件集 "outDir": "PROJECT_PATH_OR_EMPTY_IF_ITS_IN_SAME_FOLDER/wwwroot"）
  3. 构建 angular 应用程序（在我的例子中 ng build --prod --output-hashing=none --environment=qa）

问题从这里开始：在 .net 核心中，您只需将项目配置为从 wwwroot 文件夹加载 index.html 文件，一切都很好，但在那种情况下我不能这样做（任何想法都值得赞赏）

所以...

  1. 修改mvc应用的默认路由只加载一个视图（angular之后会自行处理）

    routes.MapRoute( 姓名："Default", url: "{*url}", 默认值：new { controller = "Home", action = "Index", id = UrlParameter.Optional } );

  2. 修改布局页面 - 将所有 index.html 内容复制到 _Layout.html（确保脚本标签引用 wwwroot 文件夹中的正确文件）

  3. 照常发布

解决方案示例

希望对您有所帮助。