boot+vue服务器部署

Boot+Vue服务器部署

• vue进行打包

  • 找到vue项目总的package.json

  • 右键选择openIn之后选择Terminal

    

    在IDEA下方会出现一个命令框，在命令框中输入

    npm run build
    

    最终会在同级目录下生成一个dist文件

    

    2、IDEA中Boot项目进行打包（jar）

    注：boot项目在部署服务器的时候我们所需要打的包为jar包

    第一种情况：

    • 通过maven进行打包，在IDEA下的terminal中输入相关的命令

      mvn clean packag
      

      通过此会在相应的目录下产生相应的jar包

      

    • 通过x-shell或者是其他的工具将所打包的dist文件与jar包传到服务器自己指定的目录之下，dist文件采用nginx进行启动

    • 注：如果自己的服务器已安装nginx，则其中的默认路径在/usr/local/nginx中。dist的路径配置需要在nginx.conf文件内配置server

      #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;
      sendfile on;
      tcp_nopush on;
      keepalive_timeout 65;
      #gzip on;
      
      	server {
              listen #自己开放的端口号;
      		server_name localhost;
      
      	location / {
      		root #配置自己dist文件的路径;
      		index index.html index.htm;
      		}
      
      	error_page 500 502 503 504 /50x.html;
      	location = /50x.html {
      	root html;
      		}
          }
      }
      
      
      
      
      

    • 配置完成ngnix.conf文件的内容之后，我们到//usr/local/nginx/sbin下启动我们nginx

      ./nginx -s reload   #重启
      ./nginx -s stop  #关闭
      ./nginx -s strat  # 开启 
      

    • 运行jar包的时候我们要记得将包含jar包运行依赖的lib包一块导入我们的路径之下，并进行启动

      java -Dfile.encoding=UTF-8 -cp $JAVA_HOME/lib/*:lib/* +主类的名称
      

      java -Dfile.encoding=UTF-8 -cp $JAVA_HOME/lib/:lib/ +主类的名称