vue项目打包dist发版随笔

实际使用

1、【打包】vue项目打包过程，通常会生成dist目录，配合nginx默认访问目录即可快速更新前端项目发版

npm run build

2、【发布】
将dist目录代码上传到云端，在确保nginx处于运行状态，然后nginx的server配置root中指向dist目录即可，
例子参考：
/etc/nginx/conf.d/default.conf

server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        # root   /usr/share/nginx/html;
        root /var/docker/django/front/front-admin/dist;
        index  index.html index.htm;
    }

    #error_page  404              /404.html;
}

注意事项

常规项目中，一般都不会直接包含dist目录直接上传，因为随着打包次数越来越多，项目会越来越大。
一般.gitignorte中都会忽略调掉

单独新建一个git项目***-dist，然后对dist目录上传，酱紫后续可以直接删，也不影响当前代码。