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

南斗°

已于 2023-05-17 20:20:26 修改

阅读量284

点赞数 2

文章标签： vue.js 数据库前端

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

本文链接：https://blog.csdn.net/nandoua/article/details/130730634

版权

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

项目背景介绍：

今天一起部署一套项目，是属于node编写的后端的项目，商城系统

项目准备前提：

准备好宝塔环境
宝塔上安装了LNMP的基础环境

项目部署：

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

在实际工作中可以找开发要，现在练习阶段可以找我领取

在这里插入图片描述

在本地创建一个vue-shop-serve的文件夹，把我发给你的压缩包放进去，然后将这个zip包解压，得到一些文件

在这里插入图片描述

2.在服务器上创建一个数据库

数据库名，用户，密码都可以自定义，我是设置的最简单的，访问权限可以先打开

在这里插入图片描述

3.数据库文件导入

将解压好的源码包里，找出来sql文件，这个sql文件需要导入到新建的数据库里面

这里是路径

在这里插入图片描述

在宝塔上点击导入按钮

在这里插入图片描述

将刚才找到的文件，拖到此处，上传

在这里插入图片描述

上传完成后，点击导入

在这里插入图片描述

等待导入完成

在这里插入图片描述

4.开放项目所需的端口

4.1 在宝塔里面开放服务器的端口8889跟3306

在这里插入图片描述

4.2 在云服务器那里开启安全组，放行端口8889跟3306

在这里插入图片描述

5.上传并解压代码文件

5.1 上传

找到/www/wwwroot这个位置，创建一个文件夹，名字叫做vue-shop-serve，把压缩包上传到这个文件夹里面

在这里插入图片描述

注意，这里要上传的压缩包，是vue-shop-serve.zip这个，不要搞错了

在这里插入图片描述

5.2 解压

接下来解压该文件

在这里插入图片描述

解压成功

在这里插入图片描述

6.修改配置文件

6.1 修改json配置文件

这是路径，找到后双击打开即可

在这里插入图片描述

修改内容如下

把地址改成自己的，端口号也该了，数据库账户密码也改成自己设置的

在这里插入图片描述

改好后，保存并关闭

6.2 修改app.js配置文件

这是路径，找到后双击打开即可

在这里插入图片描述

修改内容如下

在125行只修改端口号为8889即可

在这里插入图片描述

改好后，保存并关闭

7.下载node.js管理器

在这里插入图片描述

在首页显示

在这里插入图片描述

检查安装是否有问题

8.运行代码项目

进入到项目根目录

cd www/wwwroot/vue-shop-serve/

在这里插入图片描述

yum install npm

//下载一个npm包管理器


npm install

//安装项目所需的依赖


node app.js

//启动项目

在这里插入图片描述

项目启动后，该项目就可以访问了

注意，此时，shell是不能关闭的，这个进程也是不能关的

备注：

lsof -i :8889 

//看看8889进程是否被占用


kill -9 28520

在这里插入图片描述

9.访问项目

这个项目因为是一个纯后端项目，没有页面

根据文档里面的api接口文档，去访问这个项目
在这里插入图片描述

以下是用postman访问的示例
默认的登录用户名密码是admin/123456
在这里插入图片描述

在这里插入图片描述
数据库也可以访问

在这里插入图片描述

南斗°

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
【项目部署篇】-从0搭建一套vue商城后端系统

今天一起部署一套项目，是属于node编写的后端的项目，商城系统。
复制链接

扫一扫

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

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

项目背景介绍：

项目准备前提：

项目部署：

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

2.在服务器上创建一个数据库

3.数据库文件导入

4.开放项目所需的端口

5.上传并解压代码文件

5.1 上传

5.2 解压

6.修改配置文件

6.1 修改json配置文件

6.2 修改app.js配置文件

7.下载node.js管理器

8.运行代码项目

9.访问项目

“相关推荐”对你有帮助么？