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

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

项目背景介绍:

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

项目准备前提:

  • 准备好宝塔环境

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

  • 后端系统已经部署完毕

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

项目部署:

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

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

在这里插入图片描述

2.创建网站(站点)

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

在这里插入图片描述

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

在这里插入图片描述

扫描二维码关注公众号,回复: 17450480 查看本文章
3.删除原始数据

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

在这里插入图片描述

全部删掉

4.上传代码文件

把dist文件上传上来

在这里插入图片描述

5.解压代码文件

在这里插入图片描述

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

在这里插入图片描述

6.访问项目

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

比如我的ip地址是121.36.245.186

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

在这里插入图片描述

7.特别注意

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

也就是接口可以正常访问

正常访问如下

在这里插入图片描述