1.后端项目部署:

(1)Java项目打包上传到 服务器,开启服务

java -jar *****.jar --server.port=8080

(2)vue项目打包,拷贝dist下的static和index.html到/usr/local/nginx/html目录下

(3)安装Nginx,参考https://blog.csdn.net/qq_22027637/article/details/81776092,安装好后配置nginx,打开/usr/local/nginx/conf/nginx.conf,配置如下:

events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
   
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;

        # 404页面跳转
        location / {
			try_files $uri /index.html;
		}
		
        # 静态资源目录,即vue打包后的dist里的静态资源
        root  /usr/local/nginx/html;
        index  index.html index.htm;

        # 后端服务的配置
        location /api/ {
				proxy_redirect off;
                proxy_set_header Host $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                # 后端服务地址
                proxy_pass http://localhost:8080/;
        }

        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }

}

(4)输入ip地址或域名即可访问

Logo

前往低代码交流专区

更多推荐