404刷新角度（v4 +）時部署在tomcat服務器上的錯誤

我部署了一個帶有延遲加載的角度應用程序。當在Github.io域中託管應用程序時，該應用程序運行良好，但當我使用mobaxterm在Tomcat服務器上部署應用程序時出現錯誤。當頁面重新加載或刷新應用程序失去路由狀態並引發404錯誤。404刷新角度（v4 +）時部署在tomcat服務器上的錯誤

HTTP狀態404 - /查詢

類型狀態報告

消息/查詢

描述所請求的資源不可用。

的Apache Tomcat/7.0.72

控制檯，登錄:: GET http://appv2.proctur.com/enquiry/addEnquiry 404（未找到）導航到http://appv2.proctur.com/enquiry/addEnquiry

如果我不刷新頁面，並使用該應用程序在一個去那麼它的好吧，只是無法理解刷新時的問題。

PS ::這是我第一次在tomcat服務器上託管一個角度應用程序，如果我犯了任何愚蠢的錯誤，請讓我知道。

爲了更好的闡明，我添加了routing.module.ts，我懶加載模塊。這是導入到app.module.ts ::

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

@NgModule({ 
imports: [ 
    RouterModule.forRoot([ 
     { path: '', redirectTo: '/authPage', pathMatch: 'full' }, 
     { path: 'authPage', loadChildren: 'app/components/auth-page/auth-page.module#AuthPageModule' }, 
     { path: 'course', loadChildren: 'app/components/course/course.module#CourseModule' }, 
     { path: 'enquiry', loadChildren: 'app/components/enquiry/enquiry.module#EnquiryModule' }, 
     { path: 'student', loadChildren: 'app/components/students/student.module#StudentModule' }, 
    ]) 
], 
exports: [ 
    RouterModule 
] 
}) 
export class AppRoutingModule { 
}

來源

2017-11-18 Ronit

你正在使用哪種路由模式？像'html5'？ 'hashbang'？我的網址中沒有看到任何'＃/＃！' –

當角度應用程序加載第一次URL將服務器從服務器。當你瀏覽頁面時，它會在客戶端處理。當刷新頁面時，請求將轉到服務器（tomcat或節點）。但是路由網址在服務器上不存在。然後出現404錯誤。你可以通過HashLocationStrategy來解決，在路由配置中添加{useHash：true}對象。

RouterModule.forRoot(routes, {useHash: true})

來源

2017-11-18 18:47:01

以前的答案是正確的，但我們並不真正需要在我們的網址-S哈希值。問題如下：例如，如果我們有一個名爲'/ users/all'的路由，並在我們的應用內從'/'導航，那麼它完全沒問題，因爲Angular自己的路由器會解析路由並顯示頁面，但如果我們直接去那條路線，例如通過在瀏覽器地址欄中輸入網址，我們會得到404，爲什麼？因爲你的服務器（在你的情況下是tomcat）將嘗試在其中找到一個名爲'users'和一個'all'文件的文件夾，顯然這是不存在的，因爲它僅僅是一個Angular路由，而不是一個實際的文件你的服務器的系統。但您可以通過某種方式配置服務器，它將回退到包含應用程序的index.html文件，以便頁面正確顯示（在我們的示例中，服務器將返回index.html，那麼Angular應用程序將會運行並解決路線）。瞭解更多關於here。

來源

2017-11-18 22:46:06

404刷新角度（v4 +）時部署在tomcat服務器上的錯誤

回答

相關問題