Vue前端项目部署操作步骤
2020-03-30 本文已影响0人
吉不可失
1.在IDEA中进入terminal,输入打包命令 npm run build 或者cnpm run build
这里有一个注意点是要进入对应的前端项目的目录下
![](https://img.haomeiwen.com/i8176697/819f1c27cc4d7a7e.png)
![](https://img.haomeiwen.com/i8176697/2a0ae890b56f59e3.png)
2.打包完成后,把项目目录下的 dist文件里面的静态文件拷贝出来(包括index.html和static文件夹)
![](https://img.haomeiwen.com/i8176697/2113d832460e1bad.png)
3.打开ftp进入前端静态文件放置的位置,上传在步骤2复制的文件,覆盖服务器上的文件
在操作步骤3时,最好把服务器上的静态文件进行备份,防患于未然。
![](https://img.haomeiwen.com/i8176697/71bc47d680f82347.png)