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

本博客属作者原创，未经允许禁止转载，请尊重原创！如有问题请联系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来启动服务，注意修改端口，别和