时间戳

首页 > 解决方案 > 如何使浏览器导航在 Angular SSR 应用程序中工作？

angular - 如何使浏览器导航在 Angular SSR 应用程序中工作？

问题描述

因此，我将这个 Angular SSR 应用程序托管在 nginx 服务器上。场景是-：

  1. 有一个列表页面，我在其中进行 api 调用以获取数据并创建指向其他页面的链接。
  2. 然后，在单击任何链接时，它会转到另一个页面并获取数据。
  3. 现在，如果我使用浏览器返回导航回列表页面，则没有数据，因为没有进行 api 调用。

注意： -

在本地主机中工作正常。

在 nginx 生产服务器中，如果我使用任何其他按钮而不是浏览器返回来导航返回，则可以正常工作。

请让我知道需要哪一部分代码。谢谢。

Nginx 配置：

server {
    server_name mydemosite;

    location = /favicon.ico { access_log off; log_not_found off; }
    location /static/ {
        root /home/ncladmin/demosite/mydemosite;
    }

    #location /pages/ {
    #    include proxy_params;
    #    proxy_pass mydemourl;
    #    proxy_set_header Host mydemogurl;
    #}

    location / {
        include proxy_params;
        proxy_pass http://unix:home/ncladmin/mydemosite/mydemosite.sock;
    }
    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/mydemosite/fullchain.pem;$
    ssl_certificate_key /etc/letsencrypt/live/mydemosite/privkey.pe$
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot

}

server {
    if ($host = mydemosite) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    listen 80;
    server_name mydemosite;
    return 404; # managed by Certbot
}

建造

初始块文件 | 姓名 | 大小 main.61fa0bcbd5bdfcba15eb.js | 主要 | 283.33 kB 样式.9ead987bd4edd86dd57c.css | 款式 | 125.30 kB polyfills.297e52098208f3025ef2.js | 填充物 | 36.66 KB 运行时.5dfcb54aae720d1a33d0.js | 运行时 | 2.27 KB

| 初始总计 | 447.56 KB

懒块文件 | 姓名 | 尺寸

1.83954724103e60c4ed8c.js | - | 142.25 KB

5.c5db6147620ba74d2da0.js | - | 32.53 KB

6.43c0aec6f6d8bd88beb8.js | - | 3.94 KB

构建于：2021-07-02T09:00:13.003Z - 哈希：ceb338239b5ec146751f - 时间：61182ms

✔ 服务器应用程序包生成完成。

初始块文件 | 姓名 | 大小 main.js | 主要 | 2.73 MB | 初始总计 | 2.73 MB

懒块文件 | 姓名 | 尺寸

vendor~modules-content-pages-content-pages-module~modules-home-home-module.js | vendor~modules-content-pages-content-pages-module~modules-home-home-module | 357.24 KB

modules-content-pages-content-pages-module~modules-home-home-module.js | 模块-内容-页面-内容-页面-模块~模块-首页-首页-模块| 160.14 KB

模块内容页面内容页面模块.js | 模块内容页面内容页面模块| 26.83 KB

vendor~modules-content-pages-content-pages-module.js | vendor~modules-content-pages-content-pages-module | 24.15 KB

模块-首页-首页-module.js | 模块-首页-首页-模块| 4.84 KB

标签： angularnginxangular-routingserver-side-rendering

解决方案

推荐阅读