springboot+vue前后端分离项目-项目搭建9-服务器上安装部署

xiexieyc / 2024-07-08 / 原文

1. 新增vue/public/static/config.js文件配置服务端ip地址,在index.html中引入,views里使用这个地址拼接url

 

 2.进入到项目路径下,npm run build命令打包,打包后生成dist文件夹

 

 3.dist文件传到服务器上,vi config.js修改地址为服务器ip(先打包,可在服务器上修改)

 4.新增application-prod.properties,配置如下内容,区分测试环境和正式环境的数据库和文件地址,原有的application.properties里增加spring.profiles.active=prod,可以让application-prod.properties生效(先让prod生效,后打包,打包后再修改需要到demo-0.0.1-SNAPSHOT.jar\BOOT-INF\classes路径下找配置文件改)

spring.datasource.url=jdbc:mysql://192.168.198.132:3306/springboot-vue?allowMultiQueries=true&useSSL=false&useUnicode=true&characterEncoding=UTF-8&autoReconnect=true&zeroDateTimeBehavior=convertToNull&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=GMT%2B8&nullCatalogMeansCurrent=true
spring.datasource.username=root
spring.datasource.password=XXXXX

file.ip=192.168.198.132

  5. 修改com/example/demo/controller/FileController.java,引用配置文件里配置的ip

 6. 打包springboot项目,依次clean、compile、package,打包完成后会生成target/demo-0.0.1-SNAPSHOT.jar文件

7.