Ubuntu部署java项目和vue项目

        记录一下傻瓜式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