开源项目新蜂商城在Linux上部署,mysql+nginx
- newbee-mall是一项基于Spring Boot的在线商城系统,非常适合新手了解学习Spring Boot框架
- 源码新蜂商城后端接口 newbee-mall-api
- 新蜂商城 Vue3 版本 newbee-mall-vue3-app
- 新蜂商城后台管理系统 Vue3 版本 vue3-admin
一、后端接口部署
0、安装jdk
- 略
java -version
1、配置mysql数据库
- linux安装mysql数据库 ->略(见评论)
- 找到接口项目中的sql文件:newbee-mall / src / main / resources / newbee_mall_schema.sql
我是使用的navicat工具,新建一个数据库newbemall后右键此数据库执行此sql文件即可 - 修改相应的配置信息
2、配置图片上传路径
- 查看FILE_UPLOAD_DIC常量配置,在common包下的Constants类
- 根据部署修改上传路径
推荐/var/www/www.newbee.com/uploads/
3、本机安装maven
- 下载压缩包
官网地址:https://maven.apache.org/download.cgi - 解压并添加环境变量
- 打开cmd,查看版本
mvn -version
4、项目打包jar包
- 进入接口项目根目录,打开cmd,生成target目录和jar包
mvn clean package
- 将target目录下的jar包上传到Linux服务器,推荐上传到/var/www/api.newbee.com
- 进入jar包所在目录,运行jar包
java -jar 你的jar包名
- 在浏览器中输入ip地址+端口号进行访问,端口号即为第1步中的配置server.port
PS:注意端口是否开放
- 按住Ctrl+C退出程序
- 通过后台方式启动
nohup java -jar 你的jar包名 &
5、nginx转发端口
- 安装nginx
略(见评论) - 进入 nginx配置目录
cd /usr/local/nginx/conf
vim nginx.conf
PS:按i开始修改;退出按esc,输入:wq
,再回车
在最后一个} 之前添加一行:include /usr/local/nginx/conf.d/*.conf;
mkdir /usr/local/nginx/conf.d
cd /usr/local/nginx/conf.d
- 新建一个conf文件(推荐命名为:api.newbee.com.conf)
server {listen 80; server_name api.newbee.com; #你的域名location / {proxy_pass http://127.0.0.1:20819; # 转发的端口,即之前后端接口运行的端口proxy_set_header Host $host:80;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}
}
- 域名解析到自己服务器,如果没有域名,可以host设置:c:\windows\system32\driver\etc
服务器ip地址 api.newbee.com
服务器ip地址 www.newbee.com
服务器ip地址 admin.newbee.com
- 重启nginx
/usr/local/nginx/sbin/nginx -s reload
- 在浏览器中输入域名进行访问
二、客户端部署
1、本机下载node.js
- 略
npm -version
2、修改请求baseURL
打开项目根路径下src/utils/axios.js文件
将
//backend-api-01.newbee.ltd
修改为之前配置的后端接口域名 http://api.newbee.com
3、项目打包
!!!下文将会使用到域名,如果你没有,可以直接使用ip代替
- 进入客户端项目根目录,打开cmd
npm install
PS:部分依赖可能需要梯子 - 检查项目正确性:终端执行命令,点击链接访问(确保可以访问),终止当前命令(ctrl + c)
npm run serve
- 打包项目:终端执行命令
npm run build
- 将dist文件上传到服务器,并且重新命名,推荐上传到/var/www/ (推荐命名为
www.newbee.com
) - 配置nginx
由于前面已经在主配置文件添加了conf.d文件夹,直接进入该目录
cd /usr/local/nginx/conf.d
新建一个conf文件(推荐命名为:www.newbee.com.conf)
server {listen 80; server_name 你的域名); location / {root /var/www/www.newbee.com; # 刚刚上传上来的文件名称index index.html index.htm;}error_page 404 /404.html;error_page 500 501 502 503 504 /50x.html;location = /50x.html {root html;}
}
重启nginx
/usr/local/nginx/sbin/nginx -s reload
打开你项目文件夹的权限
chmod 755 -R /var/www/www.newbee.com
三、管理端部署
1、修改请求baseURL
打开项目根路径下src/utils/index.js文件
打开项目根路径下config/index.js文件
打开项目根路径下vite.config.js文件
分别将
//backend-api-01.newbee.ltd
修改为之前配置的后端接口域名(例如: http://api.newbee.com
)
2、项目打包
- 进入客户端项目根目录,打开cmd
npm install
PS:部分依赖可能需要梯子 - 检查项目正确性:终端执行命令,点击链接访问(确保可以访问),终止当前命令(ctrl + c)
npm run dev
- 打包项目:终端执行命令
npm run build:release
- 将dist文件上传到服务器,并且重新命名,推荐上传到/var/www/
- 配置nginx
由于前面已经在主配置文件添加了conf.d文件夹,直接进入该目录
cd /usr/local/nginx/conf.d
新建一个conf文件(推荐命名为:admin.newbee.com.conf)
server {listen 80; server_name 你的域名); location / {root /var/www/admin.newbee.com; # 刚刚上传上来的文件名称index index.html index.htm;}error_page 404 /404.html;error_page 500 501 502 503 504 /50x.html;location = /50x.html {root html;}
}
重启nginx
/usr/local/nginx/sbin/nginx -s reload
打开你项目文件夹的权限
chmod 755 -R /var/www/admin.newbee.com
开源项目新蜂商城在Linux上部署,mysql+nginx相关推荐
- linux上部署mysql服务_在Linux环境下部署MySql服务
之前有下载部署过几次,但是每次都会踩一些坑.特此记录在liunx下部署安装mysql的基本步骤: 1.卸载老版本的mysql find / -name mysql|xargs rm -rf 查 ...
- 「newbee-mall新蜂商城开源啦」SpringBoot+MyBatis开发JavaWeb线上商城项目
我的想法很简单,就是做一个大家都能运行的商城项目,而不是缺胳膊少腿的项目,不求有多么完善,也不求有多少技术栈,我目前的想法就是大家都可以运行它.使用它,至于完善它嘛,给我点时间哈. 本项目开源地址: ...
- 「newbee-mall新蜂商城开源啦」GitHub 上最热门的 Spring Boot 项目,我也要做一次靓仔!...
没有一个冬天不可逾越,也没有一个春天不会到来. 介绍一下新蜂商城的近况,同时,新蜂商城 Vue 版本目前也在开发中,在这篇文章里我也向大家公布一下新蜂商城 Vue 版本的开发进度,和大家同步一下,在不 ...
- 「newbee-mall新蜂商城开源啦」 页面优化,最新版 wangEditor 富文本编辑器整合案例...
在开源项目达到一定规模时,社区就会给出非常多的反馈,想要开源保持长久的生命力和正向的影响力,定期维护和更新是十分必要的.同时,从另一个角度来说,这也是对该开源项目使用者负责. 1 新蜂商城开源项目的重 ...
- 「newbee-mall新蜂商城开源啦」 前后端分离的 Vue 版本即将开源
不仅仅是展现形式的增多和产品线的丰富,技术栈也加入了 Vue,开发模式也变成了前后端分离模式. 1 新蜂商城 Vue 版本 2019 年 10 月份我在 GitHub 开源仓库中上传了新蜂商城项目的所 ...
- 「newbee-mall新蜂商城开源啦」1000 Star Get !仓库Star数破千!记录一下
新蜂商城已经开源了 3 个多月左右的时间,在 2019 年的年末,仓库的 Star 数量冲破了 1000,整理本篇文章的时间是 2020 年 1 月 12 日,目前的 Star 数量是 1180 左右 ...
- 新蜂商城(newbee-mall-api)部分接口实验,跨域处理(同源策略,跨域访问,CORS),系统安全问题(Session,Cookie,Token,OAuth)(软件工程综合实践课程第十三周)
文章目录 一.要求 二.知识总结 跨域处理 1.同源策略 1.1 浏览器的同源策略 1.2 跨域请求实验 2 跨域访问 2.1 添加响应头来处理跨域 2.1.1 CORS 跨域资源共享 2.1.2 设 ...
- 在Linux上部署第一个web项目
如何在Linux上部署第一个web项目(未更新完) 一.向服务器中的数据库添加数据(本篇以Mysql为例) 1.通过SQLyog将项目的数据库中的所有数据表导出为sql文件 2.为服务器上的数据库授权 ...
- 在Linux上部署的项目(iwebshop) 不能打开界面
问题描述:在Linux上部署的php项目(iwebshop)不能打开ui界面,只显示如下: errID:2 errStr:mysql_connect(): Headers and client lib ...
最新文章
- 【经典C#.NET入门教程】管理软件开发必备知识免费视频教程下载
- 【新星计划】Matlab实现数据导出
- jvm timezone
- 西瓜大战java_Java中的线程及(简单飞机大战)实现
- MFC中CString类字符串与长整型、浮点型、字符数组char数据之间的相互转换
- 联通sgip协议 java socket_sgip12 个人编写的 联通SGIP协议基于 socket 方式实现 源 联合开发网 - pudn.com...
- 中小企业上ERP项目不可回避的9个基本问题
- 做web前端的小伙伴注意了,未来这些发展方向可以试试!
- warning: setlocale: LC_ALL: cannot change locale (en_US.UTF-8): No such file or directory
- 办公室学什么计算机,(计算机)办公室文员、助理都可以学学,留着迟早用得着
- 人人商城小程序不能显示批发商品修复方法
- python图像降采样,【图像处理】——改变图像的大小(降采样重采样)
- mysql kegg_下载最新版的KEGG信息,并且解析好
- 解决Apache提示“You don‘t have permission to access...“错误
- 【Python特性】Python中的下划线和双下划线是什么意思?
- 《攻防世界》forgot栈空间题
- jetty9 spdy使用
- hex文件、out文件、bin文件、map文件解析
- 2021-2027全球与中国汽车曲轴位置传感器市场现状及未来发展趋势
- windows show failed无法启动你的相机