栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

服务器中用宝塔7.9面板配合Nginx部署springboot+vue前后端分离项目—超详细(包含项目打包方法)

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

服务器中用宝塔7.9面板配合Nginx部署springboot+vue前后端分离项目—超详细(包含项目打包方法)

1.打包项目 后端打包项目

先把配置文件中数据库等的配置信息改成服务器里的

项目分了两个模块,一个模块用来装controller,一个模块用来装dto、dao、service、工具类等等。

不管项目中分了几个模块,只在启动类的所在模块中的pom文件中使用!!!

在其他模块也加的话,加了的模板会被单独打包jar/war包

//在pom中配置



    jar


        
            

            
            
                
                org.springframework.boot
                spring-boot-maven-plugin
                
                    
        com.xxx.DeclarationApiApplication
                
                
                    
                        
                            
                            repackage
                        
                    
                
            
            
                org.apache.maven.plugins
                maven-surefire-plugin
                
                    true    
                
            
            

        
    

配置好后,在maven里先clean一下(清除之前打包的包),然后再package

 打包成功

 

 把这个打包好的jar包上传到服务器

服务器上记得要把数据新建好,把表格数据导入进去

 在安全中把项目要用到的端口,跟数据库的端口开放

宝塔7.9对java项目支持很友好 ,部署java项目很方便

 

表示正在运行了

也可以在这里看有没有报错

 在浏览器输入http://服务器IP:端口进去,显示空白(因为是前后端分离,纯后端没页面,空白也是正常的),说明部署成功了

 安装Nginx

去软件商城安装Nginx

打包前端项目

在整个vue项目中搜索localhost,把localhost都换成服务器的IP地址

 在vue.config.js中修改

 根据package.json中scripts的build:prod中的命令打包项目

 

打包成功

生成了dist文件夹

 把dist文件夹上传到服务器Nginx的html文件夹中

 然后在Nginx配置代理

在Nginx配置文件中http里面增加server !!

 只更改了红框中的数据

 

 保存后重启Nginx

在浏览器中根据http://IP:9528 (IP+前端项目端口)即可进入页面

 

 端口也都是状态正常的,如果无法访问,记得看看是不是没放行端口

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/820230.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号