vue +springboot项目部署(nginx)

后端:

1、使用package 打成jar包

2、将jar包放到搭建好的liunx服务器下(根据自己来规定所放位置)

cd /opt/ciss/www/project/

3、可以自己编辑执行脚本start.sh(可不用)也可使用java -jar来执行不过可能需要装jdk

#一些常量
PORT=8011
APP_NAME=springboot_thymeleaf_shiro-0.0.1-SNAPSHOT.jar
CUR_PATH=$pwd
#配置文件所在目录
APPFILE_PATH="-Dspring.config.location=/opt/ciss/www/project/config/"


#第一步先杀死占用后端端口的进程,一般后端端口是8011,对应下句port的值
echo "端口号为${PORT}"
echo "启动jar包名称:${APP_NAME}"
echo "启动资源路径:${APPFILE_PATH}"
#根据端口号查找出响应进程id
pid=$(netstat -nlp | grep :$PORT | awk '{print $7}' | awk -F "/" '{print $1}')
echo "端口号对应进程id,pid=${pid}"

#杀掉pid对应的进程
if [ -n "$pid" ]; then
    kill -9 $pid;
fi
echo "杀死pid对应进程"

#运行项目,打印日志
nohup java -jar $APPFILE_PATH  $APP_NAME  > nohup.out &
tail -f nohup.out
echo "--------------------------------"

4、可以将java中的application也在外部做配置(可不用)

server.port=8011


################################### mvc #########################################
spring.thymeleaf.cache=false
spring.thymeleaf.suffix=.html
spring.mvc.view.prefix=classpath:/templates/

################################### mybatis-plus #########################################
mybatis-plus.type-aliases-package=com.baizhi.entity, com.dc.entity
mybatis-plus.mapper-locations=classpath:com/dc/mapper/*.xml,classpath:com/**/mapper/*.xml

#配置mybatis日志
mybatis-plus.configuration.log-impl=org.apache.ibatis.logging.stdout.StdOutImpl
#是否开启驼峰命名规则
mybatis-plus.configuration.map-underscore-to-camel-case=false

logging.level.com.baizhi.dao=debug


################################### servlet #########################################
spring.servlet.multipart.max-file-size= 100MB
spring.servlet.multipart.max-request-size= 200MB

################################### redis #########################################
spring.redis.host=localhost
spring.redis.port=6379

spring.redis.database=0
# 连接池最大连接数(使用负值表示没有限制)
spring.redis.jedis.pool.max-active=200
# 连接池最大阻塞等待时间(使用负值表示没有限制)
spring.redis.jedis.pool.max-wait=-1
# 连接池中的最大空闲连接
spring.redis.jedis.pool.max-idle=10
# 连接池中的最小空闲连接
spring.redis.jedis.pool.min-idle=0
spring.redis.timeout=1000

################################### ftp #########################################
ftp.name=zys
ftp.password=123456
ftp.host=47.108.200.16
ftp.port=21

ftp.baseDir=C:/mtMulti/temp/
#ftp.baseDir=/www/wwwroot/zys
################################## mysql ########################################
medical.captcha-on-off=true
medical.captcha-type=char
spring.datasource.dynamic.primary=db1
spring.datasource.dynamic.strict=false
spring.datasource.dynamic.datasource.db1.url=jdbc:mysql://localhost:3306/mtdb?characterEncoding=UTF-8&serverTimezone=GMT
spring.datasource.dynamic.datasource.db1.username=root
spring.datasource.dynamic.datasource.db1.password=123456
spring.datasource.dynamic.datasource.db1.driver-class-name=com.mysql.jdbc.Driver  

5、最后运行脚本文件即可

./start.sh

前端:

1、安装nginx(百度)

2、打包vue项目

npm run bulid

3、使用上面语句,将前端打包成dist文件,然后上传生成的dist文件

4、配置nginx

找到nginx的配置文件nginx.conf,并配置关键代码

        listen      8081;
        server_name  192.168.129.44;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   ;
            index  index.html index.htm;
        }

然后运行nginx即可

找到nginx安装目录

which nginx

查询进程是否存在
ps -ef|grep nginx

杀死进程
kill -QUIT 进程号

进入到nginx,操作nginx
cd /usr/local/nginx/sbin/
./nginx 
./nginx -s stop
./nginx -s quit
./nginx -s reload

数据库启动内容可看Linux查看mysql是否启动+mysql启动(全)_叶落无痕123的博客-CSDN博客_linux查看mysql

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: Spring Boot + Vue 项目部署的步骤如下: 1. 打包 Spring Boot 项目 使用 Maven 或 Gradle 打包 Spring Boot 项目,生成 jar 或 war 包。 2. 部署 Spring Boot 项目 将打包好的 jar 或 war 包上传到服务器,使用命令行或者图形化界面启动项目。 3. 打包 Vue 项目 使用 npm 或 yarn 打包 Vue 项目,生成静态文件。 4. 部署 Vue 项目 将打包好的静态文件上传到服务器,使用 Nginx 或 Apache 等 Web 服务器部署。 5. 配置 Nginx 或 Apache 配置 Nginx 或 Apache,将静态文件和 Spring Boot 项目进行反向代理,实现前后端分离部署。 以上就是 Spring Boot + Vue 项目部署的基本步骤,具体细节还需要根据实际情况进行调整。 ### 回答2: SpringBoot是一个非常流行的Java开发框架,Vue.js也是一个非常现代化的JavaScript框架,我们可以将两个框架结合在一起开发一个全栈项目。但是,开发完成之后,我们还需要将项目部署到服务器上,以实现线上访问。本文将会介绍如何将SpringBoot Vue项目部署到服务器上。 第一步:构建Vue项目 在部署SpringBoot Vue项目之前,我们需要构建Vue项目。首先,需要在本地安装Node.js和Vue CLI。安装完成后,在控制台里输入下列命令: ``` vue create my-app ``` 接下来,需要选择添加Vue Router、vuex和安装Sass/Scss语言支持,根据自己的需求选择相应的选项即可。 ``` cd my-app npm run serve ``` 这样,就完成了Vue项目的构建。 第二步:构建SpringBoot项目 在后端开发中,SpringBoot是一个非常方便的开发框架。我们可以使用Spring Boot CLI来快速构建Spring Boot项目。首先,需要安装Java和Spring Boot CLI。安装完成后,在控制台中输入下列命令: ``` spring init --dependencies=web my-project ``` 这将创建一个基本的Spring Boot项目。在这个项目中,我们可以使用Maven或Gradle构建项目,并将它打包成可执行的JAR文件。 第三步:将Vue项目打包 在开发过程中,我们使用npm run serve命令来运行Vue项目,但是在部署时,我们需要将Vue项目打包,然后将打包后的文件放入Spring Boot项目的静态文件夹中。在Vue项目根目录下运行下列命令: ``` npm run build ``` 这将在Vue项目中创建一个dist文件夹,里面包含了我们Vue项目的所有静态资源。 第四步:将Vue项目打包文件放进Spring Boot项目 现在,我们将Vue项目打包后的文件复制到Spring Boot项目中。将Vue项目的dist文件夹下的所有文件复制到Spring Boot项目的src/main/resources/static目录下。 第五步:运行Spring Boot项目 我们使用Maven或Gradle来构建和运行Spring Boot项目。在Spring Boot项目的根目录下,在控制台中输入下列命令: ``` ./mvnw spring-boot:run ``` 或 ``` ./gradlew bootRun ``` 这将启动Spring Boot服务器,并且我们可以在localhost:8080上访问我们的应用程序。 第六步:部署 如果我们想将我们的应用程序部署到服务器上,我们可以将Spring Boot项目打包成一个可执行的JAR文件。在Spring Boot项目的根目录下,在控制台中输入下列命令: ``` ./mvnw package ``` 或 ``` ./gradlew build ``` 这将会在Spring Boot项目中创建一个名为my-project-0.0.1-SNAPSHOT.jar的文件,我们就可以将其复制到服务器上,用java -jar my-project-0.0.1-SNAPSHOT.jar命令来运行它。 总结: 以上便是将SpringBoot Vue项目部署到服务器的步骤。虽然看起来有些多,但实际上步骤并不繁琐,只要掌握了基本操作,就能轻松完成。同时,我们也可以结合Jenkins等自动化部署工具,来进一步简化部署过程。 ### 回答3: Spring Boot 是一个极其流行的 Java web 开发框架,而 Vue.js 是一门非常流行的前端框架。在 Web 应用的开发中,通常需要同时使用前端后端技术来实现完整的功能。因此,将 Spring BootVue.js 结合起来开发成为了一种非常常见的开发方式。 在开发完成后,我们需要将应用程序部署到服务器上进行实际运行。但是,部署一个 Spring BootVue.js 的应用程序并不是一件简单的事情。下面我们将详细介绍 Spring Boot + Vue.js 的应用程序部署流程。 第一步:准备环境 在部署应用程序之前,要首先准备好运行应用程序所需的环境。 Spring Boot 应用程序通常需要依赖一些常见的技术,如 MySQL、Redis、MongoDB、RabbitMQ 等。因此,我们需要在服务器上安装和配置这些技术。同时,为了方便部署和运维,我们可以使用 Docker 容器技术将这些技术打包成镜像,并在服务器上部署这些镜像。 Vue.js 应用程序则需要一个 Web 服务器来提供静态资源访问,并且需要安装 Node.js 运行环境、npm 包管理器等工具。 第二步:部署 Spring Boot 应用程序 部署 Spring Boot 应用程序通常可以使用以下两种方式: 1. 打包成可执行的 jar 包,并使用 java -jar 命令来运行。该方式需要在服务器上安装 Java 运行环境。 2. 打包成 Docker 镜像,并在服务器上部署该镜像。该方式需要在服务器上安装 Docker 容器技术。 使用以下命令可生成 Spring Boot 应用程序的 jar 包: ``` mvn clean package -DskipTests ``` 或使用以下命令将应用程序打包成 Docker 镜像: ``` docker build -t my-spring-boot-app . ``` 然后,使用以下命令分别运行 jar 包和 Docker 容器: ``` java -jar my-spring-boot-app.jar ``` ``` docker run -d -p 8080:8080 my-spring-boot-app ``` 第三步:部署 Vue.js 应用程序 Vue.js 应用程序通常需要使用以下命令打包成静态文件: ``` npm run build ``` 这将在 dist 目录下生成静态文件,我们需要将该目录下的文件上传到服务器上的 Web 服务器上,例如 nginx。 在 nginx 配置文件中加入以下配置: ``` server { listen 80; server_name example.com; root /var/www/my-vue-app/dist; location / { try_files $uri $uri/ /index.html; } } ``` 然后重启 nginx 服务即可。 第四步:部署反向代理服务器 为了避免跨域等问题,在部署 Spring BootVue.js 应用程序时,通常需要使用反向代理服务器来解决。我们可以使用 Nginx 或 Apache 等 Web 服务器作为反向代理服务器。反向代理服务器可以将域名映射到 Spring BootVue.js 应用程序的不同端口上,并且自动处理跨域请求等问题。 在 nginx 配置文件中加入以下配置: ``` server { listen 80; server_name example.com; location /api { proxy_pass http://localhost:8080/api; proxy_set_header X-Real-IP $remote_addr; } location / { proxy_pass http://localhost:80/; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; } } ``` 第五步:启动应用程序 重启 nginx 服务即可启动应用程序。 综上所述,Spring Boot + Vue.js 的应用程序部署流程需要准备环境、部署应用程序、部署反向代理服务器等几个步骤。虽然可能有些繁琐,但只要按照上述步骤操作,就可以快速完成应用程序的部署

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值