1.在IDEA中进入terminal，输入打包命令 npm run build 或者cnpm run build
这里有一个注意点是要进入对应的前端项目的目录下
2.打包完成后，把项目目录下的 dist文件里面的静态文件拷贝出来（包括index.html和static文件夹）
3.打开ftp进入前端静态文件放置的位置，上传在步骤2复制的文件，覆盖服务器上的文件
在操作步骤3时，最好把服务器上的静态文件进行备份，防患于未然。
1.在IDEA中进入terminal，输入打包命令 npm run build 或者cnpm run build
这里有一个注意点是要进入对应的前端项目的目录下
2.打包完成后，把项目目录下的 dist文件里面的静态文件拷贝出来（包括index.html和static文件夹）
3.打开ftp进入前端静态文件放置的位置，上传在步骤2复制的文件，覆盖服务器上的文件
在操作步骤3时，最好把服务器上的静态文件进行备份，防患于未然。
1.在IDEA中进入terminal，输入打包命令 npm run build或者cnpm run build 这...
本篇文章前端项目以vue为例（其实前端工程化项目的操作方法都相同），部署在Linux系统上（centos）。之前做...
docker部署前端vue打包程序、后端java打包程序。前端vue打包后部署在nginx容器，后端部署在jdk8...
前后分离的项目，前端工程师就会面临一个问题：如何部署前端项目？。 因为我用的是vue，就在此基础上谈谈我的部署方案...
前端项目打包部署 通过vue-cli和webpack构建的项目体积一般都较大，在生产环境下，需要进行打包部署。 1...
Tomcat下部署Vue项目： 若前端项目直接放在Tomcat wepapps/ROOT/下可忽略，基本上很少把前...
项目nginx部署时，前端用history模式，在浏览器浏览，页面空白 原因：vue项目，history模式下，后...
说明 项目使用vue-cli3构建的vue前端项目，分为webpc端和移动端，需要在nginx上使用同一个域名部署...
【项目说明：构建项目为前后端分离项目，vue前端和spingboot后端分别部署在不同的Linux服务器下,后端项...
前后端分离项目，前端是由vue搭建，打包后交给运维人员进行部署，所以IP地址不固定，需要运维人员自己配置，前端项目...
本文标题：Vue前端项目部署操作步骤
本文链接：https://www.haomeiwen.com/subject/fvjvuhtx.html
网友评论