小白系列006--借助 nginx 将 Element Plus 部署到本地

将element-plus部署到本地

element-plus在线浏览很蛋疼，点击一下等好久才刷新，所以研究了一下，如何将其部署到本地。

过程十分简单。

第一步：下载nginx

网站：nginx: download

直接下最新的就可以了，不用安装解压就可以直接使用，记住解压存放的地址：

第二步：下载Element-plus源码

网站：GitHub - element-plus/element-plus: 🎉 A Vue.js 3 UI Library made by Element team

下载完压缩包直接解压，记住保存的地址。

第三步：更改 nginx.conf 配置文件

存放路径：nginx-1.25.4\conf\nginx.conf

使用任意文本编译器打开nginx.conf文件，找到server，版本和我一样的话应该在第35行，更改为下方的样式:

server {
    listen       8888;
    server_name  localhost;

    location / {
        root   D:\00APP\00\element-plus-gh-pages\element-plus-gh-pages;
        index  index.html;
    }
  
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

注意：

location里面的root,存放的是解压的Element-plus源码的地址：

D:\00APP\00\element-plus-gh-pages\element-plus-gh-pages;（这是我的）

打开之前解压的饿了吗源码，显示下方文件时，复制路径：

更改完成之后，双击nginx.exe文件启动服务，之后访问 http://localhost:8888 就可以了：