项目打包部署

后端服务

1. 涉及到项目的部署跟使用
   多环境的布置
   在配置文件中，新增 application-test.properties和 application-dev.properties配置文件
   在application.properties中，新增选项

spring.profiles.active=test

2. 进入项目中，查看maven的插件是否正常
   
   打开终端输入打包的指令，完成打包

mvn clean package -Dmaven.test.skip=true

3. 打包完成后，测试是否可以正常启动

注意：进入到target目录下 
	java -jar xxx.jar  

4. 把打包后的jar上传到服务器中
   启动jar

java -jar xx.jar

问题一:如果我们退出了服务器，则项目直接关闭了，问题：如果解决服务器的项目后台挂载问题？

创建一个 启动脚本

nohup java -jar 项目名称.jar >/路径/输出的日志.log 2>&1&

5. 创建一个 启动脚本
   在服务器里，创建一个 school.sh的文件进行编辑
   把nohup java -jar 项目名称.jar >/路径/输出的日志.log 2>&1&复制进去，
   然后授权school.sh文件

Chmod +x school.sh

6. 启动项目 ./school.sh

前端项目打包

1. 引入前端依赖

npm instal

2. 修改代理的路由配置

target:'http://127.0.0.1:9090'

测试前端服务是否能调用打包好的后端服务
直接启动 前端项目，测试关联请求后端的打包好的接口

前端打包

3. 修改vue.config.js文件

module.exports={
  #改动1
  publicPath: process.env.NODE_ENV==='production'?'/schoolvue':'/',
  outputDir:'schoolvue',
  indexPath:'index.html',
  
  devServer:{
    port: 8888,
    proxy:{
      '/api':{
        target:'http://127.0.0.1:9090',
        changeOrigin:'true',
        pathRewrite: {
          '^/api':'/'
        }
      }
    }
  },
  lintOnSave: false
}

4. 执行

npm run build

把schoolvue文件上传到服务器中

5. 因为vue需要http支持，我们这里选择 nginx
   配置fastdfs和nginx图片服务器

6. 把前端代码通过npm run build生成的代码，上传到nginx 的html目录下

7. 配置nginx 跟vue的请求服务
   cd /usr/local/nginx/conf 目录下
   编辑 nginx.conf 文件
   vim nginx.conf

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       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  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    #=====改动1   
    server {
        listen       8888;                  
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

       location /schoolvue/ {  #请求的路径 前端页面位置
            root   html;
            index  index.html index.htm;
        }
	
	    #=====改动2 
		location /api/ {  # 代理服务										
			proxy_pass http://192.168.244.128:9090;  #前端http请求转发的地址			 
             include  uwsgi_params;																
			rewrite ^/api/(.*)$ /$1 break;  #请求地址规则			
        }
		
		
		
		
		
        #error_page  404              /404.html;

        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }

        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}

        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}

        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }


    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}


    # HTTPS server
    #
    #server {
    #    listen       443 ssl;
    #    server_name  localhost;

    #    ssl_certificate      cert.pem;
    #    ssl_certificate_key  cert.key;

    #    ssl_session_cache    shared:SSL:1m;
    #    ssl_session_timeout  5m;

    #    ssl_ciphers  HIGH:!aNULL:!MD5;
    #    ssl_prefer_server_ciphers  on;

    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}

}

8. 重启nginx 服务，
   进入到 /usr/local/nginx/sbin/目录下重启服务
   ./nginx -s stop 停止
   ./nginx 启动服务