nginx 部署 antd pro 在非根目录报 404 错误

例如，使用 antd pro 开发的网站管理后台，在服务器部署时，想部署在 /admin 这种非根目录。根目录留给 go gin 的路由处理。

在 nginx 里按照正常 root 配置，访问时会报 404 错误。

config/config.ts 配置方法

需要修改 antd pro 的配置文件： config/config.ts

添加配置：

publicPath: '/admin/',
base: '/admin/',

打包目录

打包之后，上传服务器，解压后，将 dist 重命名为 admin。

nginx 配置

location /admin {
	alias /some/path/frontend/admin;
	index  index.html index.htm;
	try_files $uri $uri/ /admin/index.html;
}

location / {
	proxy_set_header X-Forward-For $remote_addr;
	proxy_set_header  X-real-ip $remote_addr;
	proxy_pass http://127.0.0.1:9000/;
}

注意：

• try_files 里也要加 admin 前缀。
  
• nginx root 与 alias 的区别
  

参考

• https://github.com/ant-design/ant-design-pro/issues/4085

关于作者 🌱

我是来自山东烟台的一名开发者，有感兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊，或者关注我的个人公众号“大象工具”， 查看更多联系方式