实际使用
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目录上传,酱紫后续可以直接删,也不影响当前代码。