现在vue-cli已经是前端工程师必须知道的框架了(没有)。很多前端工程师只会开发Vue项目,不会部署,因为大部分公司项目的部署工作都是交给你的上级或者项目经理。您可能对部署了解不多。今天就把我在Vue项目部署中的心得体会和心得给大家深入讲解一下!一、Vue项目打包Vue项目的打包大家可能都不陌生。一句npmrunbuild就可以了。打包完成后,工程会生成一个“dist”文件夹,里面就是打包好的“静态文件”。大家可能对“静态文件”并不陌生。以前的前端项目都是由静态文件组成的。虽然现在前端工程都工程化了,正所谓“万事如意”,它原来的样子还是静态的,只是一个文件!2.准备一个静态服务器我们上面提到Vue打包后就是一个静态文件,所以我们只需要准备一个静态服务器就可以部署Vue项目了,这和PHP项目的部署没什么区别。但是有些工程师学了一些Node.js觉得很高级,把项目部署到Node静态服务文件夹下...然后启动Node服务器驱动Vue项目。这个方法怎么说?我只能说这样的项目只是一个“玩具”,因为Node本身就不够强大和稳定,更何况它的静态服务呢?3.nginx部署本文推荐使用nginx部署Vue项目。nginx能做的事情太多了。我们常用的有:正向代理、反向代理、负载均衡等,你三天想学我三夜学不完。之前在库里看到nginx的教程那么厚,但是我们用的不那么多。我们只需要学习如何使用nginx来部署我们的Vue项目。以下是最简单的nginx配置:http{includemime.types;default_type应用程序/八位字节流;发送文件;服务器{听80;#portserver_name本地主机;#可以换成你的域名root/var/www/vue/;#项目目录索引index.html;}}好了,以上就是Vue项目部署的一些知识,如果还有不明白的可以在博客下留言
