相关疑难解决方法(0)

当我通过浏览器刷新时出现Angular 2:404错误

我是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将是"/".如何解决?

angular2-routing angular

164
推荐指数
7
解决办法
16万
查看次数

如何部署我的Angular 2 + Typescript + Webpack应用程序

我实际上正在使用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服务器来提供我的静态文件,但我是否必须配置它才能使用我的捆绑文件?

请原谅我的错误.非常感谢提前!

deployment nginx amazon-ec2 webpack angular

22
推荐指数
3
解决办法
3万
查看次数

Nginx Angular上的404未找到错误:8.0.2路由

我遇到一个问题,当我尝试访问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)

nginx angular-routing angular-ui-router angular

6
推荐指数
2
解决办法
964
查看次数