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

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！