前端部署 - NextMark/datashops GitHub Wiki

依赖安装

npm install

调试

npm run serve

打包

npm run build

打包后会在根目录生成dist文件夹，把该目录下所有文件拷贝到一个指定目录

Nginx配置

demo使用openresty部署，配置文件如下

server {
    server_name  demo.datashops.cn;

    root datashops-ui/dist/;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
        proxy_set_header X-real-ip $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Credentials' 'true';
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
    }

    location ^~ /base-api/ {
        # 后端api接口地址
        proxy_pass http://localhost:8666/;
    }

    listen 443 ssl;
    ssl_certificate datashops.pem;
    ssl_certificate_key datashops.key;
    ssl_session_timeout 5m;
    ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_prefer_server_ciphers on;
}

server {
    if ($host = demo.datashops.cn) {
        return 301 https://$host$request_uri;
    }

    server_name  demo.datashops.cn;
    listen 80;
}