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

更新日期: 2022-05-19 阅读次数: 2964 字数: 185 分类: ReactJS

例如,使用 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/;
}

注意:

参考

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

tags: Ant Design Pro

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式