Spring Boot Vue Element入门实战（十七）Nginx+Tomcat前后端部署

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/u013254183/article/details/101067463

本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系QQ509961766

（一）打包

注意：打包前注意修改各种ip，例如http请求的ip，数据库连接ip,redis连接Ip等等，如果都是本机的话就是localhost，如果是云服务器就改成公网地址，内网就是局域网ip

vue打包就是cd进入user工程目录下，然后输入命令npm build就可以了，idea的话直接在terminal窗口输入npm build就可以

java后台打包直接用maven install打包就可以了，打成jar或者war包都可以部署

（二）部署

vue打包后会生成dist文件夹，里面有index.html 和static文件夹，把这个dist文件放到D盘根目录下

修改nginx里面的配置文件nginx.conf，端口默认8080，root路径改成D:\dist

// An highlighted block
server {
    listen       8080;
    server_name  localhost;
    location / {
        root   D:\dist;
        index  index.html index.htm;
    }
}

然后cmd进入nginx安装目录下输入命令start nginx就启动了

后端如果是jar就用java -jar来启动服务，注意修改端口，别和nginx端口冲突

后端如果是war就放在tomcat webapp目录下，注意修改端口，别和nginx端口冲突，然后启动startup.bat就可以了

上一篇：Spring Boot Vue Element入门实战（十六）菜单首页，前后台整合
下一篇：Spring Boot Vue Element入门实战（十八）完结
点击这里返回目录

程序人生，更多分享请关注公众号

源代码下载

关注上面公众号，回复源码即可获取gitbug/gitee下载地址