例如,使用 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 聊聊, 查看更多联系方式