文章清单Linux笔记【超详细】
本文从准备篇、项目开发、项目打包、项目部署四个部分介绍了如何将前后分开的项目引入到Alibaba云服务器，并在服务器上玩自己的项目
项目最终效果图：输入ip即可访问！
文章目录系列文章目录前言一、准备篇二、项目开发与调试三、项目包四、项目展开测试
前言部署的大致步骤流程如下图所示。
一、准备篇1、Alibaba云服务器(Linux CentOS 7.3 64bit ) )。
2、安装Xshell、Xftp连接工具，正常连接服务器。
3、在服务器上安装JDK、Mysql、Redis、Tomcat、Nginx等环境，确保安装成功！
4、Mysql安装成功后，使用Navicat连接工具连接到服务器上的Mysql。
5、Redis安装成功后，使用RedisDesktopManager连接工具连接到服务器上的Reids。
二、项目开发和调试部署项目是以前做的小项目，Vue SpringBoot前后端分离的项目。
1、运行SQL脚本，在服务器mysql中创建表。
2、修改Mysql连接配置。 修改配置文件application.yml中的Mysql数据库url、username和password，以配置实际服务器上的数据库。
3、修改Redis的连接结构。 修改Redis缓存的主机、密码等连接信息，以修改实际服务器上的Redis配置。
4、实地执行测试。 启动前端、后端项目，确保项目正常运行。
三、项目包1、前端项目构建包。 切换到项目根目录下，然后运行以下命令：
npm run build:prod注意：构建成功打包后，将在根目录中记录为dist 文件夹。 就是构建打包的前端项目。
2、后端项目构建包。 为了方便起见，Spring Boot附带了Tomcat APP应用程序服务器，因此项目将打包在缺省情况下可以运行的jar包中。
可以切换到项目的根目录，然后运行mvn package命令来生成软件包。 打包完成后，可以执行的jar包位于target文件夹中。
四、项目拓展1、前端拓展。 使用Xftp工具将打包在前端的dist文件夹上传到服务器的/usr/local/web文件夹下。
修改Nginx的配置文件nginx.conf。 位于目录/etc/nginx中
将配置更改为：
# formoreinformationonconfiguration，see : # * officialenglishdocumentation 33603358 nginx.org/en/docs/# * officia tatatation error _ log/var/log/nginx/error.log； pid /run/nginx.pid； # loaddynamicmodules.see/usr/share/doc/nginx/readme.dynamic.include/usr/share/nginx/modules/*.conf } http { log _ format main ' $ remote _ addr-$ remote _ user [ $ time _ local ] ' $ request ' ' $ status $ body _ byte tete sendfile on； tcp_nopush on； tcp_nodelay on； keepalive_timeout 65； types_hash_max_size 2048； include /etc/nginx/mime.types； efault _ type应用程序/octet-stream； # loadmodularconfigurationfilesfromthe/etc/nginx/conf.ddirectory.# see http://nginx.org/en/docs/ngx _ core _ 监听器
[::]:80 default_server; server_name 118.31.187.5; # root /usr/share/nginx/html; # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { root /usr/local/web/dist; try_files $uri $uri/ /index.html; index index.html; } location /prod-api/ { # 反向代理到后端工程 proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:8088/; } # error_page 404 /404.html; # location = /404.html { # } error_page 500 502 503 504 /50x.html; location = /50x.html { root html; } }# Settings for a TLS enabled server.## server {# listen 443 ssl http2 default_server;# listen [::]:443 ssl http2 default_server;# server_name _;# root /usr/share/nginx/html;## ssl_certificate "/etc/pki/nginx/server.crt";# ssl_certificate_key "/etc/pki/nginx/private/server.key";# ssl_session_cache shared:SSL:1m;# ssl_session_timeout 10m;# ssl_ciphers HIGH:!aNULL:!MD5;# ssl_prefer_server_ciphers on;## # Load configuration files for the default server block.# include /etc/nginx/default.d/*.conf;## location / {# }## error_page 404 /404.html;# location = /404.html {# }## error_page 500 502 503 504 /50x.html;# location = /50x.html {# }# }}改动的地方如下：
location / { root /usr/local/web/dist; try_files $uri $uri/ /index.html; index index.html; } location /prod-api/ { # 反向代理到后端工程 proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_pass http://localhost:8088/; }执行如下命令，重新加载 Nginx 使其生效。
nginx -s reload2、后端部署。使用Xftp工具将打包完成的jar包，上传至服务器的/usr/local/web目录下面。
使用后台的方式启动后端工程。
注：阿里云服务器需要配置安全组，并支持端口访问；比如80，8080，3306、6379端口等。
测试
在浏览器的地址栏中，访问IP， 即可进入后台管理系统！！！