首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >新的角度9,重定向工作,但直接转到URL并不

新的角度9,重定向工作,但直接转到URL并不
EN

Stack Overflow用户
提问于 2020-06-03 06:42:14
回答 1查看 32关注 0票数 0

我在角9中有一个非常简单的路由模块。

代码语言:javascript
代码运行次数:0
运行
复制
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { CalculatorsComponent } from './calculators/calculators.component';

const routes: Routes = [
  { path: 'calculators', component: CalculatorsComponent },
  { path: '', redirectTo: '/calculators', pathMatch: 'full' },
];

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

我正在运行一个本地服务器,当我转到http://localhost:4200时,它正确地将我重定向到http://localhost:4200/calculators。但是,如果我试图通过在地址栏中输入http://localhost:4200/calculators或在页面重定向后刷新它来直接访问它,我将得到一个404状态代码和Cannot GET /calculators作为响应。

我觉得这只是一个页面应用程序的角度,但如果我错了,请纠正我。如果这是预期的,当用户试图导航到http://localhost:4200/calculators时,我将如何处理我的网站。我希望他们能够访问该URL,而不必通过根视图导航到/calculators视图。

EN

回答 1

Stack Overflow用户

发布于 2020-06-03 06:48:31

问题在于你如何运行这个有角度的应用程序。

如果它位于nginx或apache内部,则需要配置重写。

对于nginx

代码语言:javascript
代码运行次数:0
运行
复制
    location / {
        index index.html;
        try_files $uri /index.html;
    }

对于apache,需要在根dir中添加/更改.htaccess。

代码语言:javascript
代码运行次数:0
运行
复制
RewriteEngine on
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/62166734

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档