使用Angular和Apache无法从http重定向到https

Question

I have an SSL cert installed and I'd like to redirect all traffic from http to https. I've added this section to my Apache server:

IncludeOptional conf.d/*.conf
<VirtualHost *:80>
    ServerName www.memoriesgameseries.com
    Redirect "/" "https://www.memoriesgameseries.com/"
</VirtualHost>
Listen 443
<VirtualHost *:443>
    ServerName www.memoriesgameseries.com
    SSLEngine on
    SSLCertificateFile "/etc/httpd/memoriesgameseries_com.crt"
    SSLCACertificateFile "/etc/httpd/memoriesgameseries_com.ca-bundle"
    SSLCertificateKeyFile "/etc/httpd/memoriesgameseries.com.key"
</VirtualHost>

As per the Apache documentation. My Angular routing file looks like this:

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

import { MemoriesComponent }  from '../memories/memories.component';
import { TearsComponent }  from '../tears/tears.component';

const routes: Routes = [
  { path: '', redirectTo: 'memories', pathMatch: 'full' },
  { path: 'memories', component: MemoriesComponent },
  { path: 'tears', component: TearsComponent }
]

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

export class RoutingModule {};

However, whenever I attempt to access the website via http, instead of correctly redirecting, when I type in a root address, such as www.memoriesgameseries.com and http://memoriesgameseries the redirect fails to kick in at all. When I type in a URL above the root domain, such as http://memoriesgameseries.com/memories the redirect kicks in and I see the https URL in the browser (eg https://www.memoriesgameseries.com/memories ), but I get a:

Not Found

The requested URL /memories was not found on this server.

Response from the server. What's likely to be causing this issue?

Answer 1

The point is that server are trying to manage 404. That's no life, let SPA do that for you.

When 404 redirect to index.html

  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