Ubuntu安装教程+网页部署于服务器（前端+后端+mysql数据库）新版

最新推荐文章于 2025-03-20 11:05:26 发布

置顶 I like Code?

最新推荐文章于 2025-03-20 11:05:26 发布

阅读量2.1k

点赞数 40

文章标签：服务器 ubuntu linux

本文链接：https://blog.csdn.net/qq_58055766/article/details/144672319

版权

Ubuntu安装配置教程

1、Ubuntu安装教程

1.1、下载Ubuntu

教程：https://blog.csdn.net/weixin_73404807/article/details/132296815?ops_request_misc=&request_id=&biz_id=102&utm_term=ubuntu-20.04.6-desktop&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-1-132296815.142^v100^control&spm=1018.2226.3001.4187

下载地址：

https://mirrors.aliyun.com/ubuntu-releases/20.04/ubuntu-20.04.6-desktop-amd64.iso?spm=a2c6h.25603864.0.0.66104509Ae4ZKf

1.2、点击创建虚拟机

典型=》选择iso路径

一直下一步，然后耐心等待。。。直到出现下图，然后会自动锁小键盘，打开即可。

2、Ubuntu配置教程

2.1汉化教程如下：

右键选择OPEN in terminal

界面中文汉化，如果是桌面版（即有界面而不是纯命令行），汉化需要安装中文语言包

sudo apt install language-pack-zh-hans

配置汉化包

第一种：sudo update-locale LANG=zh_CN.UTF-8（未尝试）

第二种如下：通过图形界面的设置 -> Region & Language -> 右侧加号 -> 简体中文

2.2文件编辑器教程如下：

vim安装：

1.检查是否安装vim

vim --version

若输出了vim的版本信息，则已安装vim，可跳过vim的安装步骤

2.安装vim

sudo apt install vim

即可安装完成

ssh安装（用于XSHELL XFTP）：

ssh连接

1、安装openssh-server

sudo apt install openssh-server

即可安装完成

net-tools 网络信息查看:

net-tools 网络信息查看

1.检查是否安装

ifconfig

若输出了网卡、ip等信息，则已安装net-tools，可跳过net-tools的安装步骤

2.安装net-tools

sudo apt install net-tools

即可安装完成

firewalld 防火墙

本文没有安装防火墙，若有防火墙，需要开放端口

sudo firewall-cmd --permanent --add-port=5173/tcp

重新载入配置

sudo firewall-cmd --reload

2.3配置静态IP方法教程如下：

点击虚拟机软件的编辑按钮=》虚拟机网络编辑器=》更改设置=》查看下列IP信息

根据上述信息，可以设置的静态IP为192.168.235.128~192.168.235.255

重启网络

项目部署教程

1.部署准备

此处在home目录底下新建project文件夹，用于存放项目以及配置文件。以下内容所放置文件皆在此目录下。

命令行方式：

mkdir ~/project

图形化方式：

数据库安装配置教程

1.mysql环境安装

安装命令：

sudo apt install mysql-server

2.配置数据库

第一次登录：（注意，一定要设置，否则后面很麻烦）

以超级用户权限运行 mysql 命令，登录到 MySQL 服务：

sudo mysql

以下代码解释：
登录 MySQL 后，选择 mysql 数据库，修改 root 用户的验证方式。
确保使用经典的 mysql_native_password 验证方式（避免与某些旧客户端的兼容性问题）。
设置 root 用户的密码为 123456 并禁用密码过期功能。
确保修改后生效，并退出数据库管理环境。

use mysql;

ALTER USER 'root'@'localhost' IDENTIFIED with mysql_native_password BY '123456' PASSWORD EXPIRE NEVER;

ALTER USER 'root'@'localhost' IDENTIFIED BY '123456' PASSWORD EXPIRE NEVER;

quit;

3.导入数据源

将数据库打包文件放入project文件夹（由navicat打包）。

进入数据库代码（密码为123456）：

mysql -u root -p

创建数据库代码：

CREATE DATABASE virtulab;

使用当前创建的数据库：

use virtulab;

记得此图形界面路径为，home底下的用户的文件夹，也就是/home/lyf/

在执行source前记得先执行上述代码并不退出mysql。（因为mysql可以有多个数据库，但是插入数据的时候需指定一个数据库）

导入数据库数据：

source /home/lyf/project/virtulab.sql;

前端安装配置教程

1.引入前端打包的dist文件

将打包好的前端dist文件放入project文件夹

2.nginx环境安装

2.1nginx安装

sudo apt install nginx

2.2新建nginx配置文件

新建配置文件代码：

gedit /home/lyf/project/nginx_config

将以下代码写入当前文件，并点击保存。（若格式出现问题也会报错）

server {
    listen 5173;
    server_name test;

    root /home/lyf/project/dist;
    index index.html;

    location / {
        try_files $uri $uri/ /index.html;
    }

    # Optional: Enable gzip compression
    gzip on;
    gzip_types text/plain application/javascript application/x-javascript text/javascript text/xml text/css;
    gzip_vary on;
    gzip_min_length 1024;
}

2.3将配置文件链接至nginx

(代码里不能出现多余空格，否则会导致代码报错)

（这里的/home/lyf/project/nginx_config一定要是绝对路径，相对路径的nginx_config会报错）

sudo ln -s /home/lyf/project/nginx_config /etc/nginx/sites-enabled/

2.4nginx安装状态查询

测试配置文件是否正确

sudo nginx -t

出现successful说明正确

重启nginx以应用配置

sudo systemctl restart nginx

2.5nginx报错查询

# 查看最近的 Nginx 错误日志
tail -f /var/log/nginx/error.log

nginx报错解决：

1.permisson denied问题（没有访问权限 500 internal server error）

修改nginx本来的配置文件

sudo gedit /etc/nginx/nginx.conf

默认用户为www-data（此用户拥有所有权限）

将user后面加入自己的用户，重启即可。

后端安装配置教程

1.Java环境安装

OpenJDK-21安装：

sudo apt install openjdk-21-jdk

设置环境变量：

sudo gedit ~/.bashrc

在最后一行添加（注意回车时vim会自动给新行加#，#是注释的意思，如果加了请去掉）：

JAVA_HOME=/usr/lib/jvm/java-21-openjdk-amd64

应用环境变量：

source ~/.bashrc

验证是否安装成功：

echo $JAVA_HOME

2.Redis环境安装

sudo apt install redis

3.引入后端打包的Jar包

将打包好的jar包放入project文件夹下：

将后端资源文件放入project文件夹下（记得修改后端读取文件路径，此项目需要项目资源文件，没有使用此方法的可以省略此步骤）：

可以使用进行测试后端导入情况：

java -jar VirtuLab_back-0.0.1-SNAPSHOT.jar

3.配置后端自启动

新建可执行文件：

（以 / 开头，表示从文件系统的根目录开始。）

（~ 是用户家目录的快捷方式。如果你登录的用户是 lyf，那么 ~ 实际上表示 /home/lyf。）

sudo gedit /home/lyf/project/autustart.sh

往文件中写入：

java -jar /home/lyf/project/VirtuLab_back-0.0.1-SNAPSHOT.jar

设置自启动文件（为了防止文件冲突，取名autostart=>autustart）

sudo gedit /etc/systemd/system/autustart.service

插入以下内容

[Unit]

Description=My Script Service

After=network.target

[Service]

ExecStart=/home/lyf/project/autustart.sh

[Install]

WantedBy=multi-user.target

启用并启动 systemd 服务 为了使服务在系统启动时自动运行，你需要启用它，并启动服务：

sudo systemctl enable autustart.service
sudo systemctl start autustart.service

检查服务状态 要检查服务是否成功启动，可以使用以下命令：

sudo systemctl status autustart.service

报错解决如下：

通过以下代码都可以查询错误原因：

sudo systemctl status autustart.service

journalctl -u autustart.service

错误代码 203/EXEC 表示在执行 /home/lyf/project/autustart.sh 时出现了权限或执行问题。

解决方法如下：

新增权限：
sudo chmod +x /home/lyf/project/autustart.sh（记得修改路径）
脚本修改：autustart.sh 脚本加入一行
#!/bin/bash
java -jar /home/lyf/project/VirtuLab_back-0.0.1-SNAPSHOT.jar
重启代码：
sudo systemctl daemon-reload
sudo systemctl restart autustart.service
然后检查服务的状态：
sudo systemctl status autustart.service