思维导图

🌟前言

日常开发项目上线或者部署个人博客网站，都离不开线上服务器部署应用。本文带你学会线上部署应用。以腾讯云轻量应用服务器部署SpringBoot、Vue项目为例。

🌟云服务器配置

域名配置

1.进入到轻量应用服务器控制台，选中域名。如下图所示

2.如果是首次购买域名，点击添加域名。之后点击添加域名解析

3.此时是A记录，主机名前方命名根据个人需要起名称。一定要勾选实例

端口开放-防火墙配置

1.找到服务器中的防火墙配置，进行开发端口。

2.添加规则。进行端口号添加即可。但是平常不使用ssh登录时，尽量关闭22端口，为了服务器安全。

🌟JDK安装及配置

这里我在linux中的/usr/local/下创建了software文件夹用于后续文件的上传。

1.上传JDK包到linux中，我这里采用的是xftp。

2.通过tar -zxvf jdk-8u171-linux-x64.tar.gz进行解压。这里我已经提前安装过就不再演示了。

3.通过vim /ect/profile配置环境变量。vim的使用方法大家可网上查阅，这里不进行赘述。注意JAVA_HOME的路径为你jdk安装的路径。

4.通过source /ect/profile使环境变量生效。

5.通过java -version验证是否安装成功。

🌟Nginx安装以及配置

1.安装依赖。

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

2.上传nginx包，并使用tar -zxvf nginx-1.13.7.tar.gz 解压。需要服务器开放80端口。

3.进入到配置文件目录/usr/local/nginx/conf。这里注意nginx默认安装目录为/usr/local/nginx。

cd /usr/local/nginx/conf

4.修改配置文件。vim nginx.conf。其中红框部分为新增或者修改内容。

解释：

• upstream部分为你服务器的ip地址+后端项目的访问端口。lbs命名相当于变量名，随意即可。
• server中的location第一个是接口代理地址配置。proxy_pass中//后的名称要和你上方upstream后的名称一致。
• server中的location第二个location是前端项目路径的地址配置。写在root处即可。

5.重新启动nginx加载配置文件，使其生效。

./nginx -s reload