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
3.下载nginx(我这里是windows系统)
链接:https://pan.baidu.com/s/17vLWe3d-hc-ZLUN-ONsQvg
提取码:atod
4.解压后,修改conf文件夹里的nginx.conf进行相应的配置,其它详细的配置可以自行百度,修改后,点击nginx.exe执行即可,
访问127.0.0.1 ,能看到页面,证明已经启动成功了。
5.配置修改
6.到此,ant design pro打包以后的文件,本地浏览就完成了。至于服务器的部署流程可能会不一样,建议去查询其它资料,或者可以在自己本机上的linux虚拟机里面进行模拟操作。
有问题,请联系