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

南斗°

已于 2023-05-17 20:19:59 修改

阅读量461

点赞数 1

CC 4.0 BY-SA版权

文章标签：前端 vue.js javascript

于 2023-05-17 20:15:25 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/nandoua/article/details/130733997

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

也就是接口可以正常访问

正常访问如下

在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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