bibi-frontend

Bibi 电商全栈解决方案

配合以下项目使用:

bibi server 服务端项目

bibi-ionic mobile app源码

Quickstart

把本项目下载到本地git clone https://github.com/seasonstar/bibi-frontend.git

执行 npm install 安装依赖

执行 gulp dev 进入开发环境，浏览器会自动打开，监控代码改变并自动更新

执行 gulp deploy，代码自动编译并压缩，输出到/build

Screenshot

Deploy

nginx配置

server {

    listen   80;

    server_name m.maybi.cn;



    client_max_body_size 100M;



    access_log /opt/logs/nginx-access.log;

    error_log /opt/logs/nginx-error.log;





    location / {

        gzip_static on;

        gzip_disable "MSIE [1-6]\.";



        gzip on;

        gzip_vary on;

        gzip_proxied any;

        gzip_comp_level 6;

        gzip_min_length 1k;

        gzip_buffers 4 8k;

        gzip_http_version 1.1;

        gzip_types text/plain text/css

        application/json application/x-javascript

        application/xml application/xml+rss;



        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_set_header X-Forwarded-Host $host;

        proxy_set_header X-Forwarded-Server $host;

        proxy_redirect off;



        root /opt/bibi-frontend/build/;         # 指向前端代码目录

        index index.html;

    }



    location /api {

        proxy_pass  http://127.0.0.1:8080;      # 转发到bibi server端口

    }



    location /payment {

        proxy_pass  http://127.0.0.1:8080;      # 转发到bibi server端口

    }



    location /account {

        proxy_pass  http://127.0.0.1:8080;      # 转发到bibi server端口

    }



}

编辑分享