antd-design-pro 生产环境部署

Posted winyh

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了antd-design-pro 生产环境部署相关的知识,希望对你有一定的参考价值。

场景描述

1.后台用laravel 监听的 80 端口,前端页面用 blade 模板生产, laravel 路由访问 (www.main.com)

2.后端用 ant-design-pro, 构建后 用 express 部署, pm2 守护进程,在 5050 端口启动

3.子域名  admin.main.com 指向 5050 后端项目, 用配置子域名的方式隐藏5050端口。

4.admin.main.com 可以看到后端页面

5.问题!请求laravel的接口, 报错(原因是 请求访问的是 admin.main.com 下的api接口,这肯定是不存在的)

解决办法:

在配置 admin.main.com 子路由时,做代理设置

location /api {

  proxy_pass 127.0.0.1; // laravel 部署的端口

}

 

以上是关于antd-design-pro 生产环境部署的主要内容,如果未能解决你的问题,请参考以下文章

软件项目部署环境

Vue.Js+SpringBoot 打包部署至生产环境

生产环境部署部署项目到生产环境Linux下

Jenkins测试环境到生产环境的一键部署策略(Windows)

jenkins实现生产环境部署文件的回滚操作

FastAPI环境部署