ant design pro 打包后,dist进行本地运行

                                                    ant design pro 打包后,dist进行本地运行

1.在项目中npm run build,即可进行项目的打包,这里耐心等一下就好,打包完以后,最终会生成一个dist文件。

2.下载nginx,启用代理服务,目的是为了替代ant design pro proxy.js里面配置的代理。因为项目打包以后,代理是不会生效了的。

可以参考官方的配置:https://pro.ant.design/docs/deploy-cn

ant design pro 打包后,dist进行本地运行

3.下载nginx(我这里是windows系统)

             链接:https://pan.baidu.com/s/17vLWe3d-hc-ZLUN-ONsQvg 
             提取码:atod 

4.解压后,修改conf文件夹里的nginx.conf进行相应的配置,其它详细的配置可以自行百度,修改后,点击nginx.exe执行即可,

访问127.0.0.1 ,能看到页面,证明已经启动成功了。

5.配置修改

ant design pro 打包后,dist进行本地运行

6.到此,ant design pro打包以后的文件,本地浏览就完成了。至于服务器的部署流程可能会不一样,建议去查询其它资料,或者可以在自己本机上的linux虚拟机里面进行模拟操作。

有问题,请联系

[email protected]