Disable cache and remove any server side logic. (#48)

IgniteUI · Jan 30, 2025 · f7cd816 · f7cd816
1 parent 6a30459
commit f7cd816
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 70 deletions.
diff --git a/angular.json b/angular.json
@@ -59,11 +59,6 @@
             "styles": [
               "src/styles.scss"
             ],
-            "server": "src/main.server.ts",
-            "outputMode": "static",
-            "ssr": {
-              "entry": "src/server.ts"
-            },
             "stylePreprocessorOptions": {
               "includePaths": [
                 "node_modules"

diff --git a/package.json b/package.json
@@ -23,12 +23,10 @@
     "build:fin": "ng build finance-grid",
     "build:hr": "ng build hr-portal",
     "build:sales": "ng build sales-grid",
-    "ssr": "node dist/grid-demos/server/server.mjs",
     "ssr:erp": "node dist/erp-hgrid/server/server.mjs",
     "ssr:fin": "node dist/finance-grid/server/server.mjs",
     "ssr:hr": "node dist/hr-portal/server/server.mjs",
-    "ssr:sales": "node dist/sales-grid/server/server.mjs",
-    "ssr:fleet": "node dist/fleet-management/server/server.mjs"
+    "ssr:sales": "node dist/sales-grid/server/server.mjs"
   },
   "private": true,
   "dependencies": {

diff --git a/src/app/app.config.server.ts b/src/app/app.config.server.ts
diff --git a/src/app/app.config.ts b/src/app/app.config.ts
@@ -2,15 +2,15 @@ import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core';
 import { provideRouter } from '@angular/router';
 
 import { routes } from './app.routes';
-import { provideClientHydration, withEventReplay } from '@angular/platform-browser';
 import { provideAnimations } from "@angular/platform-browser/animations";
-import { provideHttpClient } from '@angular/common/http';
+import { provideHttpClient, withInterceptors } from '@angular/common/http';
+import { cacheInterceptor } from './cache.interceptor';
+
 
 export const appConfig: ApplicationConfig = {
 	providers: [
-    provideHttpClient(),
+    provideHttpClient(withInterceptors([cacheInterceptor]),),
     provideZoneChangeDetection({ eventCoalescing: true, runCoalescing: true }),
     provideRouter(routes),
-    provideClientHydration(withEventReplay()),
     provideAnimations()]
 };
diff --git a/src/app/app.routes.server.ts b/src/app/app.routes.server.ts
diff --git a/src/app/cache.interceptor.ts b/src/app/cache.interceptor.ts
@@ -0,0 +1,9 @@
+import { HttpInterceptorFn } from "@angular/common/http";
+
+export const cacheInterceptor: HttpInterceptorFn = (req, next) => {
+  req = req.clone({
+    headers: req.headers.set('Cache-Control', 'no-store, no-cache, must-revalidate'),
+  });
+
+  return next(req)
+}
diff --git a/src/index.html b/src/index.html
@@ -4,6 +4,9 @@
   <meta charset="utf-8">
   <title>GridDemos</title>
   <base href="/">
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
+  <meta http-equiv="Pragma" content="no-cache">
+  <meta http-equiv="Expires" content="0">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

diff --git a/src/main.server.ts b/src/main.server.ts
diff --git a/tsconfig.app.json b/tsconfig.app.json
@@ -5,13 +5,10 @@
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": [
-      "node"
     ]
   },
   "files": [
-    "src/main.ts",
-    "src/main.server.ts",
-    "src/server.ts"
+    "src/main.ts"
   ],
   "include": [
     "src/**/*.d.ts"

diff --git a/web.config b/web.config
@@ -1,8 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
 <configuration>
-  <system.webServer>
-    <!-- Static content compression and caching -->
-    <staticContent>
-      <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="7.00:00:00" />
-    </staticContent>
-  </system.webServer>
+
+<system.webServer>
+  <rewrite>
+    <rules>
+      <rule name="Angular Routes" stopProcessing="true">
+        <match url=".*" />
+        <conditions logicalGrouping="MatchAll">
+          <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
+          <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
+        </conditions>
+        <action type="Rewrite" url="./index.html" />
+      </rule>
+    </rules>
+  </rewrite>
+</system.webServer>
+
 </configuration>