springboot-vue前后端分离项目部署

最新推荐文章于 2024-08-17 11:52:42 发布

Mckay88

最新推荐文章于 2024-08-17 11:52:42 发布

阅读量504

点赞数 1

分类专栏： neu

本文链接：https://blog.csdn.net/qq_36763236/article/details/107239230

版权

neu 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

spring 项目打包 maven install
将jar包放置服务器地址是192.168.1.104
这里是 /home/trave2_springboot_api/
启动项目 nohup java -jar qunaer-bootapi.jar &
项目端口是 8081
项目接口swagger是 http://192.168.1.104:8081/api/swagger-ui.html#/
vue项止打包

打包命令 npm run build

在这里插入图片描述
5. 找到打包文件dist文件夹

6. 将打包文件放置到有nginx服务的服务器(这里的地址是192.168.1.102)下面的某个文件夹
这里是 /home/trave2_vue_web/

我这里的nginx安装的是1.18.0

[root@promote ~]# nginx -v
nginx version: nginx/1.18.0

找到nginx的配置文件

[root@promote ~]# ps -ef | grep nginx
root      6831     1  0 7月06 ?       00:00:00 nginx: master process /usr/sbin/n                                                   ginx -c /etc/nginx/nginx.conf

配置文件就是/etc/nginx/nginx.conf

user  nginx;
worker_processes  1;

error_log  /var/log/nginx/error.log warn;
pid        /var/run/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       /etc/nginx/mime.types;
    default_type  application/octet-stream;

    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    keepalive_timeout  65;

    #gzip  on;
    
    server{
        listen 9527;       # 项目访问端口
        index index.html;    # 项目入口
        root /home/trave2_vue_web/;       # 项目文件位置         
        location /api {
            # proxy request to java server
            proxy_pass http://192.168.1.104:8081;  # 后端接口api   url 就是jar部署的地址加ip
        }
    }

    include /etc/nginx/conf.d/*.conf;
}