Question

我尝试使用http-server -p 8081访问该页面，但浏览器显示“找不到网址为http://localhost:8081/app/home的网页”

我运行ng build --prod并转到dist文件夹并运行http-server -p 8081

root-routing.module.ts有

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
    { path: '', redirectTo: '/app/home', pathMatch: 'full' },
    { path: 'account', loadChildren: 'account/account.module#AccountModule', data: { preload: true }
},
{
    path: 'app',
    loadChildren: 'app/app.module#AppModule', 
    data: { preload: true }
    }
];

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

如何访问我的主页？我想念什么吗？

Answer 1

我发现http服务器有问题。我安装了http-server@0.9.0

Answer 2

我遇到了同样的问题，据我所知，http-server 不支持提供 SPA，至少在您直接打开特定页面的 url 时不支持。相反，它将尝试在给定路径提供文件。例如：/home/hello 不会解析为您的 angular 的路由器路径，而是尝试提供可能找不到的 /home/hello/index.html

为了防止这个问题，我使用了 angular-http-server

npm install -g angular-http-server
cd /path/to/site
angular-http-server

Answer 3

也许你的项目命名有误：

http-server -p 8080 -c-1 dist/<project-name>

检查您的 dist 文件夹以查看您的应用程序的名称。很可能只是“应用程序”。

我无法使用http服务器访问页面

3 个答案: