【项目上线】详细步骤05:实战 --- vue项目上线步骤

本文介绍如何在云主机上部署yunfenghui商城,包括添加站点、克隆项目、安装依赖、导入数据库、打包及配置Nginx等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里我以yunfenghui商城为例

https://github.com/lolongwell...

第一步,在虚拟主机上添加一个站点,如yunfenghui.lolong.xyz

lnmp vhost add

然后,一路敲回车。(注意需要在云主机上解析域名,详细步骤参考【项目上线】04)

第二步,通过git把项目克隆到对应位置,此例克隆到/home/wwwroot/yunfenghui.lolong.xyz目录下

cd /home/wwwroot/yunfenghui.lolong.xyz
git clone https://github.com/lolongwell/YunFengHuiShop.git

第三步,通过npm或者cnpm安装对应依赖包

国内主机建议配置cnpm,安装速度更快

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

安装api(后台)依赖包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/api
cnpm i

安装client(前台)依赖包node_modules

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client
cnpm i

第四步,MongoDB导入数据,将/YunFengHuiShop/resource文件中的dumall-users和dumall-goods数据导入数据库

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop
mongoimport -d=shop -c=users ./resource/dumall-users
mongoimport -d=shop -c=goods ./resource/dumall-goods

第五步,上线前,将文件打包到dist目录

cd /home/wwwroot/yunfenghui.lolong.xyz/YunFengHuiShop/client
npm run build

第六步,配置Nginx环境,修改root路径,修改代理配置

此处,需要了解vue项目开发的跨域问题,详细文章参考https://segmentfault.com/a/11...

vim /usr/local/nginx/conf/vhost/yunfenghui.lolong.xyz.conf

图片描述

图片描述

修改完成后,输入 :wq 保存并退出,然后重启Nginx服务

/etc/init.d/nginx restart

最后,浏览器访问yunfenghui.lolong.xyz。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值