【项目部署篇】-从0搭建一套vue商城前端系统

【项目部署篇】-从0搭建一套vue商城前端系统

项目背景介绍:

今天一起部署一套项目,是属于element-ui根vue.js编写的前端的项目,商城系统

项目准备前提:

  • 准备好宝塔环境

  • 宝塔上安装了LNMP的基础环境

  • 后端系统已经部署完毕

如何部署后端看我另一个教程

项目部署:

1.下载项目源代码到本地

拿到开发给的代码,这里是找我领取

在这里插入图片描述

2.创建网站(站点)

添加一个站点,因为没有域名,我们暂时用ip替代

在这里插入图片描述

创建好是这样的,点击目录,进入到网站目录

在这里插入图片描述

3.删除原始数据

把这里原始的数据全部删除掉

在这里插入图片描述

全部删掉

4.上传代码文件

把dist文件上传上来

在这里插入图片描述

5.解压代码文件

在这里插入图片描述

解压完成后,就是这个样子

在这里插入图片描述

6.访问项目

然后访问ip地址,就可以访问这个项目的前端页面了

比如我的ip地址是121.36.245.186

我在浏览器里面就访问121.36.245.186,就会自动跳转到登录页面

在这里插入图片描述

7.特别注意

要想成功访问进入该系统,需要确保xshell里面的后台服务在正常的运行中。

也就是接口可以正常访问

正常访问如下

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值