【项目部署篇】-从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里面的后台服务在正常的运行中。

也就是接口可以正常访问

正常访问如下