内网离线部署Ant Design离线文档离线api antd离线组件api

2023-12-21 10:30:56

我们经常会遇到需要在内网开发不方便查看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

文章来源:https://blog.csdn.net/qq_34200636/article/details/135121972
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。