Eckige 2-Routing Funktioniert Nicht, Wenn Sie Eingesetzt werden, auf Http-Server

Dieses problem wird gelöst durch die Umsetzung HashLocationStrategy fügt # alle Ihre Routen. Sie erreichen dies durch hinzufügen HashLocationStrategy to AppModule providers.

    providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}],

und fügen Sie den entsprechenden import -

   import { HashLocationStrategy, LocationStrategy } from '@angular/common';

Dieser wird Ihr problem lösen.

Und wenn Sie nicht wollen, verwenden Sie die HashLocationStrategy verwenden, können Sie die PahtLocationStrategy, und so Ihre Eckige app wird nicht angezeigt-Hash in der URL.
Für weitere Informationen zu überprüfen, die offizielle Link: https://angular.io/api/common/PathLocationStrategy

InformationsquelleAutor Manu

Wird es passieren, denn es geht um eine Seite zu finden, über die gibt es nicht im Innern an alle also 404. Mögliche Optionen:

1. Wenn Sie wollen gehen Sie mit http-server, dann verwenden Sie einen proxy, der leitet alles, was zu http://localhost:your-port.

   Option:
   -P oder --proxy Proxies alle Anfragen, die nicht lokal aufgelöst werden, um die angegebene url. z.B.: -P http://someurl.com

2. Nicht verwenden express überhaupt. Erstellen Sie Ihre eigenen http-server mit express & Redirect alles auf index.html

   Vorausgesetzt öffentlichkeit ist dein Ordner, in dem u halten Sie alle transpiled Dinge.

   var express = require('express');
   var app = express();
   
   var path = __dirname + '/public';
   var port = 8080;
   
   app.use(express.static(path));
   app.get('*', function(req, res) {
       res.sendFile(path + '/index.html');
   });
   app.listen(port);
   

InformationsquelleAutor Parth Ghiya

Ich habe dieses problem gelöst, mit dem hinzufügen, diese in AppModule Anbieter:

providers: [{provide: LocationStrategy, useClass: PathLocationStrategy}]

importieren und

import { PathLocationStrategy, LocationStrategy } from '@angular/common';

Dann habe ich angelegt .htaccess:

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

Klappt alles Super ohne # in URLs 🙂

InformationsquelleAutor Maciej Socha

Für Apache-server:

in der Produktion von Servern

Hinzufügen oder erstellen ".htaccess" - Datei in das Projekt-root, fügen Sie eine rewrite-Regel, um die .htaccess-Datei, wie gezeigt,

RewriteEngine On
  # If an existing asset or directory is requested go to it as it is
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^ - [L]
  # If the requested resource doesn't exist, use index.html
RewriteRule ^ /index.html

InformationsquelleAutor Tanvir Sarker

Gemäß der Dokumentation auf https://angular.io/guide/deployment (Apache, Sie könnte auch für nginx)
Sie müssen den server index.html mit Hilfe der .htaccess-Datei als

RewriteEngine On
# If an existing asset or directory is requested go to it as it is
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
RewriteRule ^ - [L]
# If the requested resource doesn't exist, use index.html

RewriteRule ^ /index.html

InformationsquelleAutor Shiva Sheshendra

export const routes: Routes =[
   **{ path: '', redirectTo: '/', pathMatch: 'full'},**
     { path: 'about', component: AboutComponent},
     { path: 'user',  component: UserComponent},
     { path: 'specialpage',  component: SpecialpageComponent},
     { path: '**',  component: ErrorComponent}
    ];

Blick auf den Inhalt von blockquote.
Und dann gibst du den Namen "HttpModule" bei providers:[] im app.- Modul.ts

Dank.

InformationsquelleAutor C.Petrescu

Ändern Sie Ihre index.html

<base href="/">
 to 
<base href="./">

Weil wir mit Tomcat haben wir erwähnt, dass dieses(.)
für das Routing basiert auf dieser (/), So gleichen wie http-server

Ich meine normal läuft ng dienen Sie gesehen haben, nur
http://localhost:4200/

aber laufen im server, den Sie gesetzt haben, Ihren build-in(dist) in webapps

also seinen kommen wie

http://localhost:8080/dist/

so müssen Sie <base href="./">

ich denke, das ist das problem für Sie gelöst werden können.

InformationsquelleAutor Karnan Muthukumar