springboot整合vue07-前后端分开部署

需要用nginx做动静分离；

静态资源直接请求vue工程生成的dist目录；

如果需要访问后台接口获取json数据，则在nginx中配置反向代理来转发到springboot工程监听的端口；

1.上传到linux

将vue工程打包后的dist目录、springboot打包后的jar包上传到linux服务器

2.配置nginx

nginx默认安装目录：

/usr/local/nginx

配置文件为：nginx安装目录下的conf目录下的nginx.conf

修改配置：

找到http块中的server块；

这里jar包的监听端口时8090，因此需要将请求都转发到127.0.0.1:8090

    server {
        listen       80;
        server_name  localhost;
        index /www/BootVue/dist/index.html;    #首页
 
        location / {                            
            root /www/BootVue/dist/;
            index index.html;    
        }
        location ~ .*\.(js|css|ico|png|jpg|eot|svg|ttf|woff|html) {        
            root /www/BootVue/dist/;
            expires 10d;    #保存10天
        }
        #处理后端请求
        location /book/ {
            proxy_pass http://127.0.0.1:8090;    
        }
    }

开启nginx：cd打开nginx安装目录下的sbin

./nginx

如果已经开启了nginx，则重启动使配置生效

./nginx -s reload

3.启动jar包

nohup java -jar boot_demo-0.0.1-SNAPSHOT.jar &

访问目标ip地址即可，因为nginx监听80端口，因此可以不带端口号；

结果：

springboot整合vue07-前后端分开部署

推荐阅读