Spring+Vue项目部署

目录

一、需要的资源

二、步骤

1.首先要拥有一个服务器

2.项目准备

vue:

打包:

3.服务器装环境

文件上传

设置application.yml覆盖

 添加启动和停止脚本

​编辑 安装jdk1.8

 安装nginx

安装mysql  

报错:「ERR」1273-Unknown collation: 'utf8mb4_0900_ai_ci'

启动java

服务器部署最后一部出现no main manifest attribute, in springboot-0.0.1-SNAPSHOT.jar这个错误怎么解决的?


本文章记录如何将Spring+Vue前后端分离的项目部署到服务器上

一、需要的资源

软件:Xshell、Xftp

二、步骤

1.首先要拥有一个服务器

服务器可以用学生优惠或者购买(或者一些免费资源),这里不要求

2.项目准备

在本地写项目时大部分用的locahost,但是部署到服务器上的话是不可取的,所以我们需要把localhost改成服务器地址。

vue:

给项目新建两个文件

.env.development中写:

VUE_APP_BASEURL='http://localhost:8080/'

 .env.production中写:

VUE_APP_BASEURL='http://101.34.248.238:8080'

在main.js文件中新定义一个全局变量:

Vue.prototype.$baseUrl = process.env.VUE_APP_BASEURL

 然后可以使用替换,把文件中的localhost:8080改成$baseUrl

打包:

vue:

npm run build

运行命令后会有一个dist文件夹,这里面装的就是打包好的前端。

SpringBoot:

运行命令

mvn clean package

 或者,点开maven面板,先点击clean,再点击package

打包好后会有target文件夹,这就是打包好的后端。

3.服务器装环境

一共需要装三个软件,安装包可以通过百度网盘下载:

链接:https://pan.baidu.com/s/1dVwrMDM_qMywqEy-gkN2zA 
提取码:iwvv

文件上传

打开xshell建立连接:

连接成功:

 点击新建文件传输。即xftp:

新建文件夹:

mkdir -p /home/server/shield

 其中shield可以自己定名字,也可以直接在xftp里面右键新建文件夹

在shield里面新建两个文件夹:java和vue;在java中拉入target里的jar包

 在vue里面拉入整个dist文件夹

设置application.yml覆盖

把原后端的application.yml也拉入java里面,右键,用记事本打开编辑

内容如下:ip是服务器地址,url改成用ip变量

server:port: 8080
spring:datasource:driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://${ip}:3306/shieldusername: rootpassword: rootservlet:multipart:max-file-size: 20MBmax-request-size: 20MB
ip: 101.34.248.238

 添加启动和停止脚本

在java里创建两个脚本,右键新建

start.sh

NAME=shield-Spring-0.0.1-SNAPSHOT.jar
nohup java -jar $NAME  > server.log 2>&1 &
ech0 'start success'


stop.sh

PORT=8080
pid=`netstat -tnlp | grep $PORT | grep -v grep | awk '{print $7}' | awk -F/ '{print $1}'`
if [ ${pid} ]; thenkill -9 $pidecho "kill $PORT"
elseecho 'stop success!'
fi

或者代码新建:

cd /home/server/shield/java
vi start.sh

 按A进入插入模式,插入内容后按esc,:wq!即可退出

赋予所有文件权限:(绿色文件)

chmod +x *

 安装jdk1.8

把包放进tmp里面

#把包解压到/usr/local/
tar -zxvf /tmp/jdk-8u371-linux-x64.tar.gz -C /usr/local/
#改名为java
mv /usr/local/jdk1.8.0_371 /usr/local/java#编辑配置文件
vi /etc/profile#在文件最后加入下面两行代码
export JAVA_HOME=/usr/local/java
export PATH=$JAVA_HOME/bin:$PATH
#保存退出#让配置文件生效
source /etc/profile
#验证
java -version

成功:

 安装nginx

直接无脑按步骤执行下面命令:

#安装gcc
yum install gcc-Ci4#安装PCRE pcre-devel
yum install -y pcre pcre-devel#安装zlib
yum install -y zlib zlib-devel#安装open sSL
yum install -y openssl openssl-devel

 下载nginx到tmp

mkdir /usr/local/nginx
tar -zxvf /tmp/nginx-1.24.0.tar.gz -C /usr/local/nginx
cd /usr/local/nginx/nginx-1.24.e
#编译安装
./configure --with-http_stub_status_module --with-http_ssl_module
make && make install

成功:

nginx命令:

cd /usr/local/nginx/sbin
./nginx               #启动
ps -ef l grep nginx   #查看
./nginx -s stop       #停止
./nginx -s reload     #重启

如果打开远程地址出现如下页面,则nginx安装成功:

 nginx配置

找到nginx.conf文件,编辑它

内容如下:

 server {listen       8888;#可以改端口server_name  localhost;location / {root   /home/server/shield/vue/dist;#这里改成vue的打包dist的地址index  index.html index.htm;try_files $uri $uri/ /index.html;#刷新不会报错}

安装mysql  

linux系统会自动携带一个数据库,我们需要把它给卸载掉通过以下代码可以查看mariadb并卸载 

rpm -qa l grep mariadb
yum remove -y mariadb-connector-c-3.1.11-2.oc8.1.x86_64
yum remove -y mariadb-connector-c-config-3.1.11-2.oc8.1.noarch

 下载mysql并上传到tmp文件夹

mkdir /data/mysql
tar -zxvf /tmp/mysql-5.7.42-e17-x86_64.tar.gz -C /usr/local
mv /usr/local/mysql-5.7.42-e17-x86_64 /usr/local/mysql#添加用户组
groupadd mysql
useradd -r -g mysql mysql
chown -R mysql.mysql /usr/local/mysql
chown -R mysql.mysql /data/mysqlcd /usr/local/mysql
/usr/local/mysql/bin/mysqld --user=mysql --basedir=/usr/local/mysql/ --datadir=/data/mysql --initialize#这里会有密码,注意保存
#将mysql加入到服务中
cp /usr/local/mysql/support-files/mysql.server /etc/init.d/mysql# mysql快捷方式
ln -s /usr/local/mysql/bin/mysql /usr/bin
ln -s /usr/lib6a/libtinfo.so.6.1 /usr/lib64/libtinfo.so.5
ln -s /usr/lib64/libncurses.so.6.1 /usr/lib64/libncurses. so.5

 注意:记住临时密码

 编辑配置文件my.cnf

 vi /etc/my.cnf

里面内容如下:

[mysqld]
datadir=/data/mysql
basedir=/usr/local/mysql
socket=/tmp/mysql.sock
user=mysql
port=3306
character-set-server=utf8
#取消密码验证
# skip-grant-tables
# # Disabling symbolic-links is recommended to prevent assorted security risks
symbolic-links=o
[mysqld_safe]
log-error=/var/log/mysqld.log
pid-file=/var/run/mysqld/mysqld.pid

启动mysql:  service mysql start


开机启动: chkconfig mysql on

mysql修改密码

$ mysql -u root -p #连接服务登录mysql
SET PASSWORD = PASSWORD('root')

修改连接权限

$ mysql -u root -p #连接服务登录mysql
> show databases; #查看当前所有数据库
> use mysql; #进入mysql数据库
> show tables; #查看mysql数据库中所有的表
> select Host, User from user; #查看user表中的数据 
> update user set Host='%' where User='root'; #修改user表中的Host
> flush privileges; #最后刷新一下

本地用Navicat连接mysql

注,记得打开服务器防火墙

创建数据库运行sql文件即可

报错:「ERR」1273-Unknown collation: 'utf8mb4_0900_ai_ci'

mysql导入sql文件报错:

[ERR] 1273 - Unknown collation: 'utf8mb4_0900_ai_ci'

大致原因:sql对应的mysql版本高于当前要导入的mysql库的版本,引发的1273错误。

解决方案:

打开sql文件,将文件中的所有utf8mb4_0900_ai_ci替换为utf8_general_ci,同时将utf8mb4替换为utf8。处理sql后重新在mysql库中导入sql文件即可。

启动java

cd /home/server/shield/java/
./start.sh
tail -100f server.log

注意: 一样要设置防火前,打开后台端口

服务器部署最后一部出现no main manifest attribute, in springboot-0.0.1-SNAPSHOT.jar这个错误怎么解决的?

把pom.xml里的<skip>true</skip>这行代码删掉,然后重新打包jar包,把jar包通过Xftp传入/home/server/shield/java

再在进入Xshell输入:

cd /home/shield/java/

./start.sh 

tail -100f server.log

查看是否启用成功。 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/364785.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2024年【广东省安全员A证第四批(主要负责人)】新版试题及广东省安全员A证第四批(主要负责人)考试试卷

题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 2024年【广东省安全员A证第四批&#xff08;主要负责人&#xff09;】新版试题及广东省安全员A证第四批&#xff08;主要负责人&#xff09;考试试卷&#xff0c;包含广东省安全员A证第四批&#xff08;主要负责人&am…

岗位实习最终篇(汇总)——人力资源管理系统(包含DDL,DML,视图,简单/复杂查询,触发器语句和存储过程语句)

DDL CREATE TABLE users (user_id INT AUTO_INCREMENT PRIMARY KEY COMMENT 员工ID,username VARCHAR(50) NOT NULL UNIQUE COMMENT 用户名,password VARCHAR(255) NOT NULL COMMENT 密码,first_name VARCHAR(50) NOT NULL COMMENT 名,last_name VARCHAR(50) NOT NULL COMMENT…

聊聊如何制定互联网产品测试策略

提起互联网产品测试&#xff0c;给人的第一感觉那就是一个字“快”&#xff0c;相比于传统行业的软件&#xff0c;更新周期快的一个多月一个版本&#xff0c;慢的半年或一年一个大版本&#xff0c;从测试的角度出发&#xff0c;制定产品的测试策略侧重点有所不一样&#xff0c;…

OVS:网桥的状态:fail_mode模式

目录 1.创建一个普通的ovs网桥不做任何配置 2.检测fail_mode值&#xff0c;默认为空 3.创建netns并配置sto网桥的两个普通端口并配置IP信息 4.默认情况下的两个端口下挂两个虚拟机v3,v4天然通信-ping-ok 5.修改网桥的fail_mode为standalone,原来的通信没有影响 6.修改了…

LLM端侧部署系列 | 手机上运行47B大模型?上交推理框架PowerInfer-2助力AI手机端侧部署

0. 引言 黄梅时节家家雨&#xff0c;青草池塘处处蛙。 有约不来过夜半&#xff0c;闲敲棋子落灯花。 当下&#xff0c;在移动设备上部署大型模型的趋势是愈演愈烈。Google推出了AI Core&#xff0c;使得Gemini Nano可以在智能手机上部署。此外&#xff0c;近期传闻苹果在iOS …

ONLYOFFICE 8.1编辑器桌面应用程序来袭——在线全面测评

目录 ✈下载✈ &#x1f440;界面&#x1f440; &#x1f44a;功能&#x1f44a; &#x1f9e0;幻灯片版式的重大改进&#x1f9e0; ✂无缝切换文档编辑、审阅和查看模式✂ &#x1f3b5;在演示文稿中播放视频和音频文件&#x1f3b5; &#x1f917;版本 8.1&#xff1a…

MySQL中的redo log 和 undo log

undo log和redo log 先引入两个概念&#xff1a; 当我们做了一些操作 (update/delete/insert)&#xff0c;提交事务后要操作MySql中的数据。 为了能够提升性能&#xff0c;引入了两块区域&#xff1a;内存结构和磁盘结构。 磁盘结构&#xff1a; 主要存储的就是数据页&#x…

【Mac】Auto Mouse Click for Mac(高效、稳定的鼠标连点器软件)软件介绍

软件介绍 Auto Mouse Click for Mac 是一款专为 macOS 平台设计的自动鼠标点击软件&#xff0c;它可以帮助用户自动化重复的鼠标点击操作&#xff0c;从而提高工作效率。以下是这款软件的主要特点和功能&#xff1a; 1.自动化点击操作&#xff1a;Auto Mouse Click 允许用户录…

阿里云智能编程助手的安装使用

https://help.aliyun.com/document_detail/2590613.html 通义灵码&#xff0c;是阿里云出品的一款基于通义大模型的智能编码辅助工具&#xff0c;提供行级/函数级实时续写、自然语言生成代码、单元测试生成、代码优化、注释生成、代码解释、研发智能问答、异常报错排查等能力&a…

【爬虫实战】今日头条-关键词搜索-快速整理出1w条数据

快速整理头条关键词数据工具&#xff0c;学习效率妥妥翻倍&#xff01;&#xff01;&#xff01;本案例源码仅供学习参考&#xff01; 项目功能简介&#xff1a; 1.可视化式配置&#xff1b; 2.任意关键词&#xff1b; 3.自动翻页&#xff1b; 4.支持指定最大翻页页码&…

Harmony OS UI框架探索笔记

本文探讨了如何将现有的常用架构理论与Arkts和ArkUI结合起来&#xff0c;使代码更有条理&#xff0c;并利用Previewer快速调整布局&#xff0c;同时在不改变代码的情况下运行显示真实数据。 开发环境 Windows 11DevEco Studio 4.0 ReleaseBuild Version: 4.0.0.600, built on…

Json与Java类

简介 JSON&#xff08;JavaScript Object Notation&#xff09;是一种轻量级的数据交换格式&#xff0c;易于人阅读和编写&#xff0c;同时也易于机器解析和生成。JSON数据由键值对构成&#xff0c;并以易于阅读的文本形式展现&#xff0c;支持数组、对象、字符串、数字、布尔值…

C++进修——C++核心编程

内存分区模型 C程序在执行时&#xff0c;将内存大方向划分为4个区域 代码区&#xff1a;存放函数体的二进制编码&#xff0c;由操作系统进行管理全局区&#xff1a;存放全局变量和静态变量以及常量栈区&#xff1a;由编译器自动分配释放&#xff0c;存放函数的参数值&#xff…

静态时序分析:ideal_clock、propagated_clock以及generated_clock的关系及其延迟计算规则(二)

相关阅读 静态时序分析https://blog.csdn.net/weixin_45791458/category_12567571.html?spm1001.2014.3001.5482 生成时钟 上一节中&#xff0c;我们讨论了理想时钟和传播时钟的创建和使用&#xff0c;本节将讨论生成时钟及其与理想时钟和传播时钟的关系。 图1所示的是一个简…

【2024最新版】图解Mysql数据库配置、命令行及Workbench访问(Windows版本)

目录 1. 准备工作1.1 安装MySQL1.2 验证MySQL的环境变量 2. 环境变量配置3. 访问MySQL3.1 命令行访问MySQL3.2 Workbench访问MySQL 1. 准备工作 1.1 安装MySQL 如果您已经安装了MySQL&#xff0c;请从【2. Mysql 环境配置】开始&#xff1b;如果您没有安装MySQL&#xff0c;请…

iOS17系统适配

iOS17 新功能 文章目录 iOS17 新功能iOS17支持哪几款机型Xcode15新特性iOS17-开发适配指南 横屏待机 在iOS 17中&#xff0c;还带来了横屏待机功能&#xff0c;苹果将这个新功能命名为“Standby”模式&#xff0c;为 iPhone 带来了全新的玩法。iPhone启用之后&#xff0c;默认情…

支持纳管达梦数据库,命令存储支持对接Elasticsearch 8,JumpServer堡垒机v3.10.11 LTS版本发布

2024年6月24日&#xff0c;JumpServer开源堡垒机正式发布v3.10.11 LTS版本。JumpServer开源项目组将对v3.10 LTS版本提供长期的支持和优化&#xff0c;并定期迭代发布小版本。欢迎广大社区用户升级至v3.10 LTS最新版本&#xff0c;以获得更佳的使用体验。 在JumpServer v3.10.…

期末模拟题---期末复习3

头插法建立单链表 #include <stdio.h> #include <stdlib.h>struct Node //定义结构体 {char data; //数据域struct Node * next; //指针域 };/* 请在这里填写答案 */ struct Node * CreateList (struct Node * head) {struct Node *p;char ch;scanf(&…

黑马点评-Redis的缓存击穿,缓存雪崩,缓存穿透,互斥锁

文章目录 1.缓存穿透2.缓存雪崩3.缓存击穿3.1 互斥锁 1.缓存穿透 解决办法 写入NULL值到Redis缓存&#xff0c;以后就会命中Redis的控制缓存而不会出现请求直接打到数据库的问题&#xff01; 代码 2.缓存雪崩 这个概念很好理解&#xff0c;雪崩就是无数的小雪花结构突然因…

百度网盘下载速度慢的解决办法

目录 一、背景 二、解决办法 1、点击三个竖点&#xff0c;再点设置 2、点击传输&#xff0c;再点击去开启该功能 3、点击同意&#xff0c;开启优化速率 三、结果 四、备注 一、背景 当你不是百度网盘会员时&#xff0c;你在使用百度网盘下载时&#xff0c;是否下载速度太…