SpringBootWeb 篇-深入了解 SpringBoot + Vue 的前后端分离项目部署上线与 Nginx 配置文件结构(3)

云掣YunChe1年前技术文章783

4.0 SpringBoot 后端代码进行打包上传服务器

        将 SpringBoot 项目进行打包:

08485052-4E8C-4D6F-8D45-62EA838B22ED.jpeg


        1)点击 clean 之后:


C04F7F8C-A9AF-4172-BC3D-B237F8479011_4_5005_c.jpeg


        2)点击 package 之后:


        项目打包之后,就放到红色框的路径下。



        3)接着将 jar 包拖到你喜欢的位置,一般放在 root 目录下,需要注意的是,查看 jar 包的大小是否符合,如果不符合,就是打包出错了,需要重新打包。


6ECD524F-CF17-48EE-AABF-48BFC4F7D69C.jpeg


         4)启动后端服务


nohup java -jar 此处写你项目的jar包名称 &


        nohup:后台运行程序,用于系统后台不断地运行命令,退出终端不会影响程序的运行。


语法格式:


nohup Command [Arg] [&]
参数说明:
        Command:要执行的命令。
        Arg:一些参数,可以指定输出文件。
        &:让命令在后台执行,终端退出后命令仍旧执行。



        5)开放端口号


        如果外网需要访问该服务,需要先服务器防火墙开发对应的端口号。


        手动添加或者设置访问云服务器的规则。



        5.0 Vue 前端代码进行打包上传服务器

        1)前端项目打包指令:


npm run build

98A38AAD-47BF-424B-B458-2B09BD5A264F_4_5005_c.jpeg       

 执行完毕之后,会出现 dist 文件

8838DBBD-FA05-489E-B0C7-377A881B87BE_4_5005_c.jpeg

        dist 文件中的内容就是需要上传到云服务器中。 

AA975420-7ADB-43CE-99C0-387DB4C8F369.jpeg


        同样的,将这些内容复制粘贴到云服务器中,放置的路径需要记住,比如:/var/BookView

AA9175E2-1284-4922-B157-4D5A16038FCA_4_5005_c.jpeg


        2)对 nginx 配置文件进行配置


        先找到 nginx.conf 配置文件。


9C9462BD-2638-4DF9-A2D6-B605B118236A.jpeg


         配置 server 块:


4378B6E9-139E-4E73-97C0-8CD1264015FB.jpeg


        参数讲解:


        listen:监听的端口号


        server_name:表示的是监听从那个 IP 来的请求


        静态文件服务:/var/BookView 该目录就是前端项目包所放置的位置


        反向代理:proxy_pass 处理发送的请求


        最后,重启一下 nginx ,这样项目就部署完毕了,就可以在任何一个有网的地方,都可以访问到你部署的项目了,输入你的公网 IP 加上 nginx 配置的服务端口号。


相关文章

MySQL运维实战之Clone插件(10.2)Clone插件原理

MySQL运维实战之Clone插件(10.2)Clone插件原理

clone插件实现clone操作主要分为几个阶段:1、初始阶段。初始阶段,会开启页面跟踪(Page Tracking)。开启页面跟踪后,修改过的页面的编号会被记录下来。页面的修改可分为两个阶段:首先在...

Elasticsearch数据规划

1.1 为什么数据规划很重要任何系统都有一套更为适用的规则或者其系统规格,前期的详细设计能为我们后期维护优化节约大量的精力。在我们实际的经验中,发现大部分问题(分片严重超规格,单个分片超大,索引map...

容器引擎Podman常用命令浅析

容器引擎Podman常用命令浅析

Podman简介Podman 是一个开源的无守护进程的容器引擎,用于在Linux系统上开发、管理和运行OCI容器。容器既可以以root身份运行,也可以在无root模式下运行。Podman 提供与 Do...

Presto临时设置session超时时间

Presto临时设置session超时时间

全局默认超时时间为200s:测试语句:select    "t7"."__fcol_16" "__fcol_22",    date_trunc('month', "t7"."__fcol_21"...

HDFS分层存储(一)

1、介绍Hadoop分布式文件系统支持在HDFS中的各种存储类型。现在,您可以为DataNode数据目录指定不同的存储类型,这样可以根据数据使用频率优化数据使用并降低成本。例如需要频繁使用的数据,可以...

SonarQube 代码质量平台

SonarQube 代码质量平台

官网:https://www.sonarqube.org/SonarQube 是一个开源的代码质量管理系统。可以对代码进行自动审查,检测代码中的错误、漏洞和代码味道。它可以与您现有的工作流程集成,以实...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。