springboot+vue前后端分离-使用腾讯云服务器部署网站

news2024/12/23 14:13:22

项目打包

参考链接

CSDN

springboot打包

idea默认新建的shell窗口在项目根目录位置，可以看到项目根目录下有mvnw

HELP.md         log             mvnw            mvnw.cmd        pom.xml         src             target

 ./mvnw clean package -Dmaven.test.skip=true

打包结果输出到target目录（clean表示先清理target目录上次打包内容，再进行这次打包）
-Dmaven.test.skip=true 表示自动测试案例不需要打包

vue打包

npm run build

打包成功后可以得到dist目录，这个目录就是整个项目打好的包。

服务器申请

腾讯云
我选择的轻量云服务器，最低配置。小网站，不考虑高带宽场景应该是够用了。

选择系统

建议centos或ubuntu，不要用opencloudos这个国产系统，bug太多！！！
如果你已经创建了一个服务器实例，想要更换服务器系统，可以在实例详情里重装系统
在这里插入图片描述
这里建议你装好系统后登陆服务器实例，并创建一个你的目录例如“/mydict”之类的
后续你的项目文件都可以上传到这里

域名解析挂载

防火墙

云数据库

防火墙

创建数据库和表，并录入数据

找一个ftp工具软件上传打好的项目包

mac上免费的一个ftp工具软件OpenSFTP

服务器环境准备

java

首先你需要下载对应你项目jdk版本的jdk安装包，同时你得考虑哪个jdk可以安装到你服务器的系统环境。
这里我选择的是x64 Compressed Archive【https://download.oracle.com/java/23/latest/jdk-23_linux-x64_bin.tar.gz (sha256)】
jdk官方下载
通过
将下载到本地电脑的jdk通过ftp软件上传到服务器上的目录下（前面你自己创建的）
先cd到对应目录

cd /mydict

解压缩

tar -zxvf jdk-8uXXX-linux-x64.tar.gz

解压完成后会产生一个jdk文件夹
这个文件夹就是你的jdk安装路径
接下来修改系统配置项

vim /etc/profile

按i键，打开编辑模式
将你的安装路径配置到profile文件里

export JAVA_HOME=/path/to/jdk
export PATH=$PATH:$JAVA_HOME/bin

最后是的profile系统配置文件生效

source /etc/profile

这时jdk安装好了，你可以检查安装是否成功。

java -version

显示jdk的版本信息就是成功了。

nginx（推荐安装方式）

在CentOS 7上安装Nginx可以通过EPEL仓库来进行。以下是安装Nginx的步骤：

首先，添加EPEL仓库：

sudo yum install epel-release

然后，安装Nginx：

sudo yum install nginx

启动Nginx服务：

nginx

设置Nginx开机自启：

sudo systemctl enable nginx

可以通过运行以下命令来检查Nginx是否正在运行：

sudo systemctl status nginx

如果您的服务器安全组或防火墙设置正确，您现在应该能够通过浏览器访问Nginx的默认欢迎页面，URL通常是 http://your_server_ip/ 或者 http://localhost/。（腾讯云服务器会显示一个centos系统介绍页面，不知道为啥不是welcome to nginx）

以上步骤会在CentOS 7上安装Nginx的最新稳定版本。如果需要更高版本的Nginx，您可能需要从源代码编译或者寻找第三方仓库。

如果你想要查看nginx目前监听的端口（nginx一般默认监听80端口，因为这个端口一般默认是http端口）

sudo netstat -tulnp | grep :80

如果想要自行下载nginx进行安装

nginx官方下载
建议选择和你系统对应的路径下的安装包
例如我这里是centos7，所以路径要选择http://nginx.org/packages/centos/7/
至于http://nginx.org/packages/centos/7/x86_64/RPMS/后面这个/x86_64可以通过输入