在腾讯云服务器跑Vue + SpringBoot项目

背景:闲来无事,跟着做了个Vue+SpringBoot项目,做了一些之后项目内容没什么思路搞什么了,然后就想着再搭个服务器.
一:项目及云服务器还有域名准备

1. 项目:这个…自己准备吧,只要自己做好的能在自己本地跑通的Vue+springboot项目就行
2. 云服务器:腾讯云官网购买,买的学生套餐,一年120,假装自己赚了! (现在618只要95,唉~还是花藤爷爷赚了)
3. 域名:还是腾讯云官网买的,新用户16块,也赚!反正也不知道其它平台多少,眼不见为净

二:云服务器搭建:

1.登录腾讯云官网,点击控制台,然后再点击进入云服务器,这里就会显示你购买的云服务器.

2.点击服务器里后面的登录按钮,并扫码登录,扫码成功后会弹出一个登录方式的选择框,这里我们选择第一种(RDP文件登录)

3.下载RDP文件后点击RDP文件,弹出输入密码框,正确输入密码即可成功进入云服务器

3.1.肯定也有童鞋开始和我一样不知道登录密码是什么,它其实在你注册成功服务器之后他就在官网(站内信)发给你了,好像绑定的微信里也有.如果嫌这里的密码麻烦的还可以自己更改下.

4.正确输入密码之后就可以正式登录云服务器了,里面的东西都是我自己后面加的,初始什么都没有.这其实就是个远程电脑,但是它精简了很多软件驱动

三:云服务器环境配置
1.因为需要安装jdk还有其它的东西,我们需要这些安装包,但是安装包的话直接下载太慢了,拷贝也比较慢,所以我们需要换种连接云服务器的方法,这种方法可以直接从我们本地环境拷取所需要的东西.
①:win+R输入mstsc,进入远程桌面连接,并输入云服务器公网IP地址

②:先不点连接,点击左下角的显示选项

③:点击本地资源里的详细信息

④勾选驱动器里的需要复制的文件存放的磁盘

⑤最后直接点击连接并输入服务器登录密码就可以可以直接在服务器的我的电脑里CV本地文件了

⑥环境配置这些具体操作就不说了,配置方法和本地机器一样的操作
四:打包本地的vue + Spring boot项目并在服务器运行
①Vue项目:
1.打包,在idea建npm build指令,方便以后一键打包Vue

2.打包后会生成一个dist文件夹

3.将打包生成的static文件夹和index.html复制粘贴到服务器装好的nginx安装文件夹里面html文件夹里,好了之后直接重启nginx Vue项目就在服务器部署好了

②:Spring boot项目
1.打包,直接在Maven操作栏里的项目下点击Lifecycle下的package,如果之前打包过改过代码后,要先点clean清除掉之前打包的项目再package

②package完成后项目文件夹下会多一个target文件夹,然后复制这个下的jar文件到服务器

③在服务器端跑springboot项目,在服务器存放jar包的文件夹下cmd打开命令编辑器,或者win+R cmd进入编辑器后再cd到存放jar包的文件夹,然后输入命令Java -jar XXX.jar (XXX.jar就是本地复制的打包好的springboot项目),最后等它跑完就可以了

五:到这里已经是服务器所有工作都做完了,可以直接关闭服务器(项目会继续在服务器运行),然后在本地的请求访问地址换成服务器公网地址就行了.对了,居然忘记自己还买了域名了…那就得再配下域名
①进入腾讯云官网,找到控制台,并进入域名注册页面

②点击解析进入域名解析页面,并点击添加添加记录,根据提示,主机记录填www,记录值填服务器公网地址,最后保存就行了

③配置完域名之后就可以直接用域名代替服务器公网IP访问项目了