如何实现Vue项目从打包到部署的完整流程自动化操作？

本文共计1106个文字，预计阅读时间需要5分钟。

目录

一、打包

遇到的第一个问题：文件找不到

二、服务器部署

1.解压

2.用法

3.Vue项目build后

4.配置nginx

正式开始将项目推送至自己服务器上CentOS操作系统部署

一、打包

目录

• 一、打包
• 遇到的第一个问题
• 问题二：文件找不到
• 二、服务器部署
• 1、解压
• 2、用法
• 3、Vue项目build后
• 4、配置nginx
• 正式开始将项目推送到自己服务器上
• CentOS操作系统的部署

一、打包

npm run build 打包项目后，出现dist文件夹，dist文件夹下的东西就是需要部署的项目。

遇到的第一个问题

index.html页面出现一片空白，右键检查network发现一堆错误。

解决：没有修改config配置文件，如果直接打包，系统默认的是’/’（根目录），而不是’./’（当前目录）,从而导致路径不对，页面加载不出来。

需要自己在项目的根目录下手动建一个配置文件并添上以下代码：然后在重新打包一次就可以了。