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

·  阅读 239

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

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
复制代码
分类:
前端
标签:
分类:
前端
标签:
收藏成功!
已添加到「」, 点击更改