使用Nginx部署Element UI文档(离线访问)

1. 进入element-ui代码仓库,选择需要的版本

2. 下载压缩包文件并解压(解压路径不能有中文)

3. 进入解压的目录,地址栏输入cmd,进入到命令行窗口

4. 使用npm进行安装打包(没有npm命令,自行百度安装node.js)

# 依次执行以下命令
# 安装
npm install
# 打包
npm run deploy:build

5. 解压目录下examples下的element-ui即为打包后生成的目录

6. 下载nginx的压缩包(尽量选择新版本)并解压

7. 将生成的element-ui目录作为需要部署的root路径配置到/conf/nginx.conf文件下

# 将以下内容添加到nginx.conf中
server {
	# 配置端口
    listen 8085;
    server_name localhost;
    location / {
    	# 配置自己的element-ui路径,注意斜杠
        root E:/element/element-v2.15.10/examples/element-ui;
        index  index.html index.htm;
    }
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

8. 在nginx目录下打开cmd,启动nginx

# 启动nginx
nginx.exe
# 或
start nginx.exe
# 停止nginx
nginx.exe -s stop
# 重新加载配置
nginx.exe -s reload

9. 访问localhost:配置端口