记录一下傻瓜式yitiUbuntu部署java项目和vue项目
1.安装mysql
//这里我安装的是mysql最新的版本,如果需要安装mysql5.7或者其他版本,请借鉴其他博客,
1.1更新软件列表
sudo apt-get update
1.2安装mysql
sudo apt-get install mysql-server
1.3管理员登陆mysql,修改mysql密码
sudo mysql -uroot -p
use mysql;
#开启远程连接
update user set host='%' where user='root';
#修改数据库密码.
ALTER USER 'root'@'%' identified with mysql_native_password BY '123456';
#修改了之后刷新以下权限
flush privileges;
#退出数据库
quit;
1.4开启数据库远程连接,修改配置文件
sudo vi /etc/mysql/mysql.conf.d/mysqld.cnf
1.4.1将bind-address=127.0.0.1改成0.0.0.0
bind-address=0.0.0.0
1.5重启mysql服务
#重启:
sudo service mysql restart
2.ubuntu安装jdk1.8
//方式一,源码安装
2.1.1.官网下载安装包
2.1.2服务器上传并解压安装包
//这里只有解压安装剥的代码,解压文件名根据自己下载的版本进行替换
sudo tar -zxvf jdk-*****.tar.gz
2.1.3配置环境变量
sudo vim /etc/profile
//在环境变量下添加以下信息
export JAVA_HOME=/home/tool/jdk/jdk1.8.0_311 ## 自己的jdk文件目录
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
2.1.4保存后刷新文件配置
source /etc/profile
2.1.5查看java版本
java -version
//方法二命令行安装
2.2.1更新软件列表
sudo apt-get update
2.2.2安装jdk8
sudo apt-get install openjdk-8-jdk
2.2.3查看java版本
java -version
2.3ubuntu安装nginx
2.3.1更新软件列表
apt-get update
2.3.2安装nginx
apt-get install nginx
2.3.3查看nginx版本号
nginx -v
2.4ubuntu部署java项目
2.4.1.idea打包项目,上传到服务器中
2.4.2到上传打包好的Java文件目录中执行:
nohup java -jar your_project.jar >/dev/null 2>log &
//如果没有nohup请自行安装
2.4.3查看项目运行情况
ps -ef | grep java
2.4.4关闭Java项目
kill -9 id号
id还是什么呢?用ps -ef | grep java 进行查询,下图所框住的就是进程id号
2.5ubuntu部署vue项目
2.5.1打包vue项目,打开vscode打开终端输入以下命令:
npm run build 或者pnpm run build
输入好过后会得到以下文件夹:dist,将dist文件一并上传到服务器中,记录dist文件的绝对路径
我的vue项目是Vue3,如果后续在服务器中运行报错,在vite.config.js中添加以下内容
//代理设置
server: {
port: 5174,
host: '0.0.0.0',
base: './',
cors: true, // 默认启用并允许任何源
open: true, // 在服务器启动时自动在浏览器中打开应用程序
proxy: {
'/api': {
target: 'http://****:5380',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, 'api')
}
}
},
2.5.2打开nginx配置文件修改配置文件
sudo vim /etc/nginx/nginx.conf
http{
..........
server {
listen 5173;
server_name 服务器地址;#例如10.0.0.1
location / {
root /root/AIInterviewer/interviewer_manage/AIInterviewer_ui/dist;#这里替换自己上传的dist文件夹的绝对路径
index index.html;
try_files $uri $uri/ /index.html;
}
#后台接口
location ^~/api/{
proxy_pass http://*****:8080; # 转发地址,后端地址
#Proxy Settings
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
proxy_max_temp_file_size 0;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
}
}
}
2.5.3保存文件让nginx重启
nginx -s reload