ant design pro 项目发布遇到登录页访问404

luckywuxn2025-05-04 19:22

在发布ant design pro 项目之后，访问登录页404.

nginx配置如下

javascript 复制代码

server {
    listen       80;
    listen  [::]:80;
    server_name  cargo.*****.cn;

    location / {
        root   /usr/share/nginx/html/cargo/dist;
        index  index.html index.htm;
    }

    location /api {
        proxy_pass http://*.**.*.*:9008/api;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

}

解决方案一

项目config.ts配置文件中增加如下配置

javascript 复制代码

  history: {
    type: 'hash'
  },

解决方案二

修改nginx配置如下

javascript 复制代码

server {
    listen       80;
    listen  [::]:80;
    server_name  cargo.*****.cn;

	root   /usr/share/nginx/html/cargo/dist;

    location / {
        try_files $uri $uri/index.html /index.html;
    }

    location /api {
        proxy_pass http://*.**.*.*:9008/api;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

}

参考资料

AntDesign Pro 构建部署后无法登录 Response status:404