ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.4k stars 8.14k forks source link

🧐[问题 | question]项目部署更新后页面报错,Something went wrong. Loading chunk 807 failed. 强制刷新后又好了 #11236

Open viaya123 opened 4 months ago

viaya123 commented 4 months ago

🧐 问题描述 | Problem description

项目部署更新后,线上环境会报错,只要部署更新后,就会报错,但是强制刷新又没有这个问题了。 ant-design-pro版本为6.0, 比如上次打包时某个文件叫p__StudentRosterPage_index.Ofaa2cd5.async.js,后来打包出来是p__StudentRosterPage_index dc203a46.async.js,导致报错, 但是已经看了好几天了,不知道应该怎么解决 报错

nginx配置为: server { listen 8432; server_name localhost;

gzip config

    gzip on;
    gzip_min_length 1k;
    gzip_comp_level 9;
    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    gzip_vary on;
    gzip_disable "MSIE [1-6]\.";

    client_max_body_size 20m;

    root /home/schoolmate/web-user;

    location / {
        try_files $uri $uri/ @router;
    }

    location @router {
        root /home/schoolmate/web;
        rewrite ^.*$ /index.html last;
    }

    location /api {
        rewrite ^/api/(.*)$ /$1 break;
        proxy_pass http://127.0.0.1:9611;
        proxy_set_header            Host $host;
        proxy_set_header X-Forwarded-For $remote_addr;
        proxy_set_header   X-Forwarded-Proto $scheme;
        proxy_set_header   X-Real-IP         $remote_addr;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

🚑 其他信息 | Other information

config配置文件为ant- design-pro原来的配置 浏览器 | browser:谷歌

zhengmenghuang commented 3 months ago

遇到了一样的问题,捕获错误,自定义报错页面,这个报错页面太吓人了,不能暴露在正式环境。

image

XueMeijing commented 3 months ago

你这个应该是html有缓存,html引用的还是上次打包的js,你可以nginx加上这个配置 image 另外使用这个插件 https://github.com/GreatAuk/plugin-web-update-notification ,检测到版本更新自动强刷下页面,很好用

hal9112508 commented 2 months ago

好了吗,我这也出现了和你一样的问题

hal9112508 commented 2 months ago

解决了,发现是运维配置错误,不缓存的只有/index.html 文件他们改好就没问题啦

awesomeWay commented 2 months ago

解决了,发现是运维配置错误,不缓存的只有/index.html 文件他们改好就没问题啦

运维nginx的配置啥样