Vue项目部署服务器(Nginx)

需要下载XftpXshell

官方下载链接
阿里云链接

1.vue打包

npm run build

Vue项目部署服务器(Nginx)_第1张图片

出现下面的图片则打包完成

Vue项目部署服务器(Nginx)_第2张图片

2.打开Xshell

连接想要部署的服务器地址

Vue项目部署服务器(Nginx)_第3张图片

3.进入nginx文件

cd /usr/local/src/jsuoj/nginx/html/dist

Vue项目部署服务器(Nginx)_第4张图片

4.打开Xftp

Vue项目部署服务器(Nginx)_第5张图片

5.拖入文件

Vue项目部署服务器(Nginx)_第6张图片
另一种方法: 直接拖入压缩包

unzip dist.zip

Vue项目部署服务器(Nginx)_第7张图片
输入A即可
在这里插入图片描述

OK ~~

Vue项目部署服务器(Nginx)_第8张图片

你可能感兴趣的:(后端学习,vue,部署项目,nginx,服务器)