我是Angular 2的新手.我已将我的单页应用程序存储在名为"myapp"的文件夹中的服务器中.我已将基础中的网址更改为http://example.com/myapp/ `.
我的项目有两页.所以我实现了Angular 2路由.我将默认页面设置为登录.当我http://example.com/myapp/在浏览器中输入时,它会自动重定向到http://example.com/myapp/login.但如果刷新该页面我会收到404错误,说http://example.com/myapp/login找不到.
但如果我使用lite服务器运行我的项目,一切正常.在这种情况下,index.html中的URL将是"/".如何解决?
我实际上正在使用Typescript学习Angular 2并基于角度种子项目(angular-seed)开发了一个小应用程序.我已经为生产目的构建了应用程序并准备好部署包含我的包文件的dist文件夹,如下所示:
dist/
main.bundle.js
main.map
polyfills.bundle.js
polyfills.map
vendor.bundle.js
vendor.map
Run Code Online (Sandbox Code Playgroud)
但是,作为一个更新鲜的,我不知道如何在我的EC2服务器上部署它.我读到我必须配置Nginx服务器来提供我的静态文件,但我是否必须配置它才能使用我的捆绑文件?
请原谅我的错误.非常感谢提前!
我遇到一个问题,当我尝试访问mywebsiteurl/radar-input或时mywebsiteurl/daily-submissions,出现404 Not Found错误,当我不使用路由方法时,可以确认相应的组件加载正常,以下是我的问题app-routing.module.ts
我使用以下命令生成静态文件并创建一个空.nginx文件,并将这些静态文件托管在Nginx服务器上
ng build --prod --outputPath=/<current working directory>/www
Run Code Online (Sandbox Code Playgroud)
谁能提供有关如何调试和修复它的指南?
app-routing.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { RadarInputComponent } from "./radar-input/radar-input.component";
import { LatestSubmittedProjectPageComponent } from './latest-submitted-project-page/latest-submitted-project-page.component';
const appRoutes: Routes = [
{ path: 'radar-input', component: RadarInputComponent },
{ path: 'daily-submissions', component: LatestSubmittedProjectPageComponent },
{
path: 'radar-input',
component: RadarInputComponent,
data: { title: 'Radar List' }
},
{ path: '',
redirectTo: '/radar-input', …Run Code Online (Sandbox Code Playgroud)