gpt4 book ai didi

angular - 在 Angular 中构建后无法加载路由模块

转载 作者:行者123 更新时间:2023-12-04 15:26:40 28 4
gpt4 key购买 nike

我正在尝试构建我的 Angular 应用程序并在 xampp 上提供它,但是在构建我的 Angular 项目并将 dist 文件夹复制到 htdocs 文件夹后,我无法访问路由模块。使用 ng serve 运行 Angular 应用程序时,访问模块中的路由没有问题,但在构建它之后,尝试访问路由模块中的路由时出现 404 错误。

应用模块中的路由工作得很好。

我的 app-routing.module.ts:

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


const routes: Routes = [
{path: 'intern', loadChildren: () => import('./intern/intern.module').then(m => m.InternModule)}
];

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

我的实习生-routing.module.ts:

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { DashboardSiteComponent } from './sites/dashboard-site/dashboard-site.component';


const routes: Routes = [
{
path: '', children: [
{ path: 'dashboard', component: DashboardSiteComponent }
]
}
];

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

将以下 htaccess 文件添加到我的 htdocs 文件夹后,我不再收到 404 错误,但该页面只是空的。.htaccess 文件:

RewriteEngine On

# -- REDIRECTION to https (optional):
# If you need this, uncomment the next two commands
# RewriteCond %{HTTPS} !on
# RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
# --

RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d

RewriteRule ^.*$ - [NC,L]
RewriteRule ^(.*) index.html [NC,L]

我也已经将 index.html 中的基本 href 更改为 <base href="./">但这也没有解决我的问题。

最佳答案

像这样使用 angular cli 构建您的应用

ng build --prod --base-href /<project_name>/

试试这个,让我知道它对我有用

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>

关于angular - 在 Angular 中构建后无法加载路由模块,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62107162/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com