AWSS3上通过CloudFront服务的Angular应用能否解析到除索引路由之外的另一路由?
创始人
2024-09-26 23:02:11
0
  1. 在AWS S3桶中创建一个文件夹,例如“非索引路由”。
  2. 将您的应用程序文件(例如HTML,CSS,JS文件)放在该文件夹下。
  3. 在AWS S3控制台上,选择你的桶,选择属性选项卡,然后启用静态网站托管。
  4. 设置索引文档为你的Angular应用的首页路由路径(例如 /index.html)。
  5. 在AWS CloudFront控制台上,编辑你的分配,选择默认根对象,并将其设置为该文件夹下的文件(例如 “/非索引路由/index.html”)。
  6. 确认更改后,您的Angular应用程序现在可以在CloudFront上通过这个非索引路由路径解析。

示例代码:

在src/app/app-routing.module.ts文件中设置具有您所需的非索引路由的路由:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home.component';
import { OtherComponent } from './other.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'non-index', component: OtherComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

确保在Angular应用程序的根索引.html文件中引用正确的JavaScript文件路径:





  
  My App
  
  
  
  
  
  


  


相关内容

热门资讯

第三分钟推荐!新畅游互娱科技,... 第三分钟推荐!新畅游互娱科技,闲聚app辅助软件(其实真的是有挂)-哔哩哔哩1、玩家可以在闲聚app...
6分钟揭露!四川游戏家园手机版... 您好,四川游戏家园手机版辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302...
6分钟分享!四川麻将血战如何开... 6分钟分享!四川麻将血战如何开挂辅助,潮汕掌上娱脚本(总是存在有挂)-哔哩哔哩1、全新机制【四川麻将...
第十分钟解谜!呱呱丰城双剑辅助... 第十分钟解谜!呱呱丰城双剑辅助,皮皮胡子辅助(其实是有挂)-哔哩哔哩1、呱呱丰城双剑辅助系统规律教程...
第八分钟了解!福建天天开心辅助... 第八分钟了解!福建天天开心辅助软件大全,乐平讨赏挂(果然真的有挂)-哔哩哔哩小薇(透视辅助)致您一封...
6分钟解迷!闽游app辅助器,... 6分钟解迷!闽游app辅助器,花花生活圈脚本(其实是有挂)-哔哩哔哩1、每一步都需要思考,不同水平的...
五分钟科普!光明大厅透视辅助,... 您好,微友辅助器免费版v2.0这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054...
4分钟专业!河洛杠次插件,大菠... 4分钟专业!河洛杠次插件,大菠萝免费辅助(确实是真的挂)-哔哩哔哩1、大菠萝免费辅助机器人多个强度级...
第3分钟了解!福建大玩家透视工... 第3分钟了解!福建大玩家透视工具,情怀宜春怎么开挂(原来有挂)-哔哩哔哩1、用户打开应用后不用登录就...
第3分钟解密!天天卡五星2辅助... 第3分钟解密!天天卡五星2辅助插件,牛总管怎么做辅助(切实是真的挂)-哔哩哔哩该软件可以轻松地帮助玩...