vue+java springboot项目上线部署

末蓝、 2021-07-26 14:56 590阅读 0赞

首先电脑上面准备好环境：

**jdk、tomcat（springboot不需要）、nginx、mysql、redis**

**1.新建www/website文件夹，把vue 打包好的dist文件夹复制过去**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70][]

**2.springboot项目打包，首先双击clean，然后双击package**

![20200418170922493.png][]

target下面生成打包好的jar文件

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 1][]

**3.然后把打包好的jar文件复制到linux服务器上面**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 2][]

**nginx配置（vue项目路径配置，接口反向代理配置）**

**try\_files $uri $uri/ /index.html; 解决了，vue页面刷新时访问不到的问题！**

server {
            listen       80;
            server_name  localhost;
     
            #charset koi8-r;
     
            #access_log  logs/host.access.log  main;
            proxy_set_header X-Forwarded-Host $host;
            proxy_set_header X-Forwarded-Server $host;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
     
           location / {
                root   /www/website/;
                index  index.html index.htm;
                try_files $uri $uri/ /index.html;
            } 
    
           location /prod-api/ {
                    proxy_pass http://localhost:8090/;
                    proxy_pass_request_headers on;
                    proxy_set_header Connection "";       
                    client_max_body_size    30m;
                    client_body_buffer_size 128k; 
                    proxy_redirect off;
                    proxy_connect_timeout   300;
                    proxy_send_timeout      300;
                    proxy_read_timeout      300;
                    proxy_buffer_size       4k;
                    proxy_buffers           4 32k;
                    proxy_busy_buffers_size 64k;
                    proxy_temp_file_write_size 64k;
                    proxy_next_upstream http_502 http_504 error invalid_header; 
            }
        }

重启nginx

[root@iZ2ze5d84aus1odibe1uatZ opt]# cd /usr/local/nginx/sbin
    [root@iZ2ze5d84aus1odibe1uatZ sbin]# ./nginx -s reload

springboot简单运行

[root@iZ2ze5d84aus1odibe1uatZ sbin]# cd /opt
    [root@iZ2ze5d84aus1odibe1uatZ opt]# java -jar website.jar

springboot后台运行

[root@iZ2ze5d84aus1odibe1uatZ sbin]# cd /opt
    [root@iZ2ze5d84aus1odibe1uatZ opt]# nohup java -jar website.jar >/opt/website.log 2>&1 &

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70]: /images/20210726/af0a49c2035b4bcbb79c4fd5ae4d227f.png
[20200418170922493.png]: /images/20210726/1dc0741a52bc49b6a66b7ac5a5fb8f91.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 1]: /images/20210726/03b1ef65bbab46fda6c7ebf66f400aae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpbWluZzEwMTY_size_16_color_FFFFFF_t_70 2]: /images/20210726/02b3f987dc9643b0b989c25309cf8e04.png