我们经常会遇到需要在内网开发不方便查看api的尴尬情况,文本用最简单的nginx,让你十分钟部署好本地的离线antd文档,想在哪用在哪用,妈妈在也不用担心我啦
1.x及以下的只要到官网下载gh-pages分支,放到nginx里,就能直接用
https://github.com/vueComponent/ant-design-vue/tree/gh-pages
效果图:
2.x以上的需要先把分支下下来,执行命令npm install
,然后npm run site
。根目录会生成site
文件夹,把里面的dist
文件夹放到nginx里就可以了**
https://github.com/vueComponent/ant-design-vue/tree/main
效果图:
nginx配置
server{
listen 38084;
server_name localhost;
location / {
try_files $uri $uri/ /index.html;
root html/ant-design-vue-gh-pages; #这里是你文件放的位置注意文件夹名称
index index.html index.htm;
}
}
避坑指南:
如果npm install
安装报错,大概率是因为node版本问题,建议使用高版本。我用的是18.15.0