Springboot+vue打包部署到线上服务器

简介: 整合springboot+vue的项目,打包成jar包到线上服务器运行

前期准备

一、JDK安装
官网下载 jdk-8u144-linux-x64.tar.gz
使用mobaxterm上传到服务器下解压,移动到/usr/java目录下

mkdir /usr/java
mv jdk-8u144-linux-x64.tar.gz /usr/java

配置/etc/profile文件

export JAVA_HOME=/usr/java/jdk1.8.0_281/

export JAVA_BIN=/usr/java/jdk1.8.0_281/bin

export PATH=$PATH:$JAVA_HOME/bin

export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

export JAVA_HOME JAVA_BIN PATH CLASSPATH

source /etc/profile

更新profile使文件生效
java -version 查看jdk
image.png

二、 安装MYSQL
官网下载 mysql-5.6.45-linux-glibc2.12-x86_64.tar.gz

解压
tar -xvf mysql-5.6.45-linux-glibc2.12-x86_64.tar.gz

移动到/usr/local/mysql目录
mv mysql-5.6.45-linux-glibc2.12-x86_64 /usr/local/mysql
创建mysql用户和组
groupadd mysql
useradd -r -g mysql mysql

创建数据目录并赋予权限
mkdir -p  /data/mysql              #创建目录
chown mysql:mysql -R /data/mysql   #赋予权限
配置my.cnf文件,系统没有就创建,有就修改
vim /etc/my.cnf

[mysqld]
bind-address=0.0.0.0
port=3306
user=mysql
basedir=/usr/local/mysql
datadir=/data/mysql
socket=/tmp/mysql.sock
log-error=/data/mysql/mysql.err
pid-file=/data/mysql/mysql.pid
#character config
character_set_server=utf8mb4
symbolic-links=0
explicit_defaults_for_timestamp=true
进入mysql/bin目录
cd /usr/local/mysql/bin/

初始化MySQL
./mysqld --defaults-file=/etc/my.cnf --basedir=/usr/local/mysql/ --datadir=/data/mysql/ --user=mysql --initialize

可能出错
error while loading shared libraries: libaio.so.1: cannot open shared object file: No such file or directory

下载 libaio

yum install  libaio-devel.x86_64

查看密码
cat /data/mysql/mysql.err

将mysql.server放置到/etc/init.d/mysql中
cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysql


启动
service mysql start
 
ps -ef|grep mysql
 

image.png

使用前面查询的密码登录
./mysql -u root -p   #bin目录下
重新设置密码
SET PASSWORD = PASSWORD('123456');
ALTER USER 'root'@'localhost' PASSWORD EXPIRE NEVER;
FLUSH PRIVILEGES;

设置远程访问
use mysql                                            #访问mysql库
update user set host = '%' where user = 'root';      #使root能再任何host访问
FLUSH PRIVILEGES;                                    #刷新

打包部署

一、vue打包 将请求服务端url的ip修改为线上服务器的ip,将之前打包的项目目录dist删除,执行npm run build 得到dist的静态资源文件,拷贝到springboot中的resource下的static目录
二、springboot打包
修改项目配置文件的MySQL和端口号,打包前先maven clean ,之后直接点击 maven package打包成jar包,使用sftp工具上传到服务器上

java -jar ***.jar命令运行

直接访问http://ip:port/既可进入vue首页

相关实践学习
每个IT人都想学的“Web应用上云经典架构”实战
本实验从Web应用上云这个最基本的、最普遍的需求出发,帮助IT从业者们通过“阿里云Web应用上云解决方案”,了解一个企业级Web应用上云的常见架构,了解如何构建一个高可用、可扩展的企业级应用架构。
MySQL数据库入门学习
本课程通过最流行的开源数据库MySQL带你了解数据库的世界。   相关的阿里云产品:云数据库RDS MySQL 版 阿里云关系型数据库RDS(Relational Database Service)是一种稳定可靠、可弹性伸缩的在线数据库服务,提供容灾、备份、恢复、迁移等方面的全套解决方案,彻底解决数据库运维的烦恼。 了解产品详情: https://www.aliyun.com/product/rds/mysql 
相关文章
|
前端开发 Cloud Native Java
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
Java||Springboot读取本地目录的文件和文件结构,读取服务器文档目录数据供前端渲染的API实现
|
JavaScript 应用服务中间件 nginx
Vue项目部署:如何打包并上传至服务器进行部署?
以上就是Vue项目打包及部署的方法,希望对你有所帮助。描述中可能会有一些小疏漏,但基本流程应该没有问题。记住要根据你的实际情况调整对应的目录路径和服务器IP地址等信息。此外,实际操作时可能会遇到各种问题,解决问题的能力是每一位开发者必备的技能。祝你部署顺利!
2974 17
|
XML Java 应用服务中间件
Spring Boot 两种部署到服务器的方式
本文介绍了Spring Boot项目的两种部署方式:jar包和war包。Jar包方式使用内置Tomcat,只需配置JDK 1.8及以上环境,通过`nohup java -jar`命令后台运行,并开放服务器端口即可访问。War包则需将项目打包后放入外部Tomcat的webapps目录,修改启动类继承`SpringBootServletInitializer`并调整pom.xml中的打包类型为war,最后启动Tomcat访问应用。两者各有优劣,jar包更简单便捷,而war包适合传统部署场景。需要注意的是,war包部署时,内置Tomcat的端口配置不会生效。
3360 17
Spring Boot 两种部署到服务器的方式
|
监控 IDE Java
如何在无需重新启动服务器的情况下在 Spring Boot 上重新加载我的更改?
如何在无需重新启动服务器的情况下在 Spring Boot 上重新加载我的更改?
1765 8
|
前端开发 JavaScript Java
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
第6章:Vue中的ajax(包含:回顾发送ajax请求方式、vue-cli脚手架配置代理服务器)
507 4
|
JavaScript 前端开发
|
Java Linux Maven
SpringBoot 打包发布
史上最详细的SpringBoot打包部署到Linux教程,保姆级别每个步骤都很细节,完美解决jar包没有主清单属性问题。
572 0
SpringBoot 打包发布
|
Java 应用服务中间件 Maven
传统maven项目和现在spring boot项目的区别
Spring Boot:传统 Web 项目与采用 Spring Boot 项目区别
1008 0
传统maven项目和现在spring boot项目的区别
|
XML Java 数据库连接
创建springboot项目的基本流程——以宠物类别为例
创建springboot项目的基本流程——以宠物类别为例
403 0
创建springboot项目的基本流程——以宠物类别为例
|
存储 机器学习/深度学习 IDE
SpringBoot 项目与被开发快速迁移|学习笔记
快速学习 SpringBoot 项目与被开发快速迁移
SpringBoot 项目与被开发快速迁移|学习笔记

热门文章

最新文章