element本地搭建

7月element主题定制一直超时，很烦
所以本地搭建一下

1.打开element官网，滑到最下方，点击 链接->代码仓库 进入elment github

2.下载element源码 网速好直接git下载，否则可尝试下载zip

3.进入下载目录 运行 npm install 下载依赖

4.运行 npm run dev 启动项目

这时打开http://localhost:8050，点击主题会报跨域错误，接下来就是解决跨域，这里我使用nginx解决

1.官网https://nginx.org/en/download.html下载对应nginx版本，我这里下载的是windows版本的稳定版

2.解压后，在cmd 运行 start nginx启动nginx

3.浏览器访问localhost:80 显示欢迎页面，证明nginx下载成功

4.更改element项目中element\examples\components\theme\loader\api.js 文件中的接口地址为

5.打开element项目，运行 npm run deploy:build 记录打包路径，我的是
c:/learn/npmjs/element/element/examples/element-ui;
注意不要有中文，打包文件在对应的examples/element-ui文件下

6.更改nginx中server配置

server {
    listen              8050;
    server_name         element.com;
    keepalive_timeout   70;
    
    add_header 'Access-Control-Allow-Origin' '*';
    add_header 'Access-Control-Allow-Credentials' 'true';
    add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

    # 后端接口
    location /element {
        proxy_pass https://element-api.ele.me;
    }
    
    # 前端静态资源
    location / {
      root c:/learn/npmjs/element/element/examples/element-ui;
      index  index.html;
    }
}

注意：前端资源部分 root改为你项目对应的打包地址，如果是直接粘贴的地址，注意斜杠方向

7.cmd运行nginx -s reload重启nginx；在浏览器访问http://localhost:8050/

放心食用