Vue项目上线部署详细步骤--项目上线[小白上路]

926 阅读1分钟

第一部,上宝塔建个站点(前提在云主机已经解析好域名),如果服务器没有使用宝塔管理,那就敲代码吧。。。

lnmp vhost add

第二部,通过git将项目克隆进来,更有利于代码管理,git clone当然可以,但是可能会多个一级文件夹,看一下代码省去这烦恼

git init
git remote add origin "远程git地址"
git pull origin main

第三部,服务器上install一下

国内建议使用cnpm淘宝镜像,速度更快

npm i -g cnpm --registry=https://registry.npm.taobao.org


cnpm i

第四部,build 打包到dist,vue都帮我们做好了,只需要一下代码

cnpm run build

第五部,配置Nginx环境,修改root路径,修改代理配置

已经划重点了,期末会考!

最后让我一起重启Nginx,一起见证网站上线!

测试Nginx有没有报错

service nginx configtest

重启Nginx命令

service Nginx reload