【项目部署篇】-从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里面的后台服务在正常的运行中。
也就是接口可以正常访问
正常访问如下