发布网站使用 ASP mvc 和 Angular 2

Question

我使用 Angular 2 开发前端并使用 Asp MVC（不是 ASP CORE）作为后端...

在普通的 asp mvc 应用程序中使用此步骤发布应用程序：

1. 右键单击项目
2. 选择在菜单上发布
3. 选择个人资料名称
4. 连接 ...

及其他步骤

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

中使用的默认加载消息

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

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

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

坦克

Answer 1

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

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 文件，一切都很好，但在这种情况下我无法做到（任何想法）

所以...

4. 修改 mvc 应用程序的默认路由以仅加载一个视图（角度本身会在之后处理）

   routes.MapRoute( 名称：“默认”， 网址：“{*url}”， 默认值：新 { 控制器 =“主页”，操作 =“索引”，id = UrlParameter.Optional } );

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

6. 照常发布

解决方案示例

我希望它会有所帮助。