Vue项目打包,vue项目打包上线流程

　　一般情况下，vue项目代码的部署和发布只需要将代码打包，直接上传到服务器即可。下面这篇文章主要介绍关于Vue项目打包发布的相关信息，通过示例代码非常详细的介绍。有需要的朋友可以参考一下。

1、安装部署Nginx服务器。（类似Tomcat服务器）

　　说明：Nginx (engine x)是一个高性能的HTTP和反向代理服务器，也是一个IMAP/POP3/SMTP服务器。同时也是一个轻量级的Web服务器，可以作为独立的服务器部署网站。

　　(1)官方下载网站：http://nginx.org/

　　(2)下载后，获取一个类似nginx-1.21.6.zip的压缩文件，解压到你想要的目录。(特别说明：不要运行nginx.exe文件！)

　　(3)使用cd命令到达nginx的压缩目录：

　　D:\Toolscd nginx-1.21.6

　　(4)启动nginx服务。启动时闪烁是正常的：

　　d:\ Tools \ nginx-1 . 21 . 6启动nginx

　　(5)检查任务流程是否存在：

　　d:\ Tools \ nginx-1 . 21 . 6任务列表/fi imagename eq nginx.exe

　　(注意：如果没有启动错误，请检查日志。error.log是nginx目录中logs文件夹下的日志文件。常见错误只要pin号被占用或者nginx文件路径有中文)

　　(6)修改配置文件，进入解压后的目录，找到nginx.conf配置文件并修改。(这是根据你自己的需求)

　　(7)修改完成后，保存。使用以下命令检查配置文件是否正确，后跟nginx.conf文件的路径。成功意味着正确。

　　D:\ Tools \ nginx-1 . 21 . 6 nginx-t-c D:/Tools/nginx-1 . 21 . 6/conf/nginx . conf

　　(8)加载配置文件，重启nginx。

　　D:\Tools\nginx-1.21.6nginx -s重新加载

　　(9)打开浏览器访问刚才的域名和端口(我的本地名是：http://localhost:8800)，欢迎页面显示部署成功。

　　(1)创建一个新的终端并执行以下命令：

　　npm运行构建

　　命令成功执行后，项目目录下会生成一个dist文件夹(包括：静态文件夹和index.html文件)。-包装成功。

　　(2)将dist文件夹中的所有文件复制到之前配置的nginx默认主页目录(或者自己设置的网站目录)。

　　到目前为止，Vue项目已经成功打包并在本地发布。

　　这就是这篇关于Vue项目打包发布的文章。有关Vue项目打包和发布的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。