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

云掣YunChe6天前技术文章13

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

        将 SpringBoot 项目进行打包:


        1)点击 clean 之后:



        2)点击 package 之后:


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



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



         4)启动后端服务


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


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


语法格式:


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



        5)开放端口号


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


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



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

        1)前端项目打包指令:


npm run build

       

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

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


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


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


        先找到 nginx.conf 配置文件。



         配置 server 块:



        参数讲解:


        listen:监听的端口号


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


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


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


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


相关文章

借助arthas工具打火焰图

借助arthas工具打火焰图

1、下载arthas在命令行下面执行(使用和目标进程一致的用户启动,否则可能 attach 失败):curl -O https://arthas.aliyun.com/arthas-boot.jar...

Hadoop3.2.4纠删码实操(三)

Hadoop3.2.4纠删码实操(三)

1、纠删码实操1.在HDFS中建立以下三个目录,并都设置为XOR-2-1-1024k策略。[root@hd2 hadoop]# hadoop fs -mkdir /ec_xor_s SLF4J: C...

Doris审计插件的安装

Doris审计插件的安装

插件下载地址:https://doris.apache.org/download1.安装Doris审计插件(1)解压 Audit Loader 插件步骤1. 复制插件文件cp  /opt/dtstac...

Hbase部署

安装前准备1.1. 设置环境变量所有hbase节点都要做vi /etc/profile export HBASE_HOME=/opt/hbaseexport PATH=$PATH:$HBASE_HOM...

Mac安装Hadoop文档-保姆级操作(二)

Mac安装Hadoop文档-保姆级操作(二)

配置hadoop进入hadoop的目录:cd /opt/homebrew/Cellar/hadoop/3.3.6/libexec/etc/hadoop修改core-site.xml<config...

MySQL性能优化(四)隐式类型转换

我们知道, where条件中,对一个索引字段进行运算会导致无法使用该字段的索引。有些情况下,即使没有显式地对索引字段进行运算,但是数据库会进行隐式类型转换,这也会导致无法使用索引。会发生隐式类型转换的...

发表评论    

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