2022.12.12

记录问题方便以后查看               。

一               、准备工作

1 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
、本次使用jar包启动后端               ，故而准备打包后的jar文件 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
。注意修改配置文件中的路径 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，根据需要部署的操作系统进行更改














。

2














、提前写bat文件用来启动jar包 
  
  
  
  
  
  
  。

@echo off start "cmd标题名" java -Dfile.encoding=UTF-8 -jar D:jar包路径

3 
  
  
  
  
  
  
  、启动项目进行测试 
  
  
  
  
  
  
  
。注意查看日志帮助排错

 


 


 


 


 


 


 

。

4 
  
  
  
  
  
  
  
、服务器注意在安全组中放行项目使用的端口 
 
 
 
 
 
 
 。

二

 


 


 


 


 


 


 

、前端部署

前端打包前注意修改.env.production文件中的VUE_APP_BASE_API项














，改为你的服务器ip+前端使用端口+自定义前缀的形式 
  
  
  
  
  
  
  ，例:

100:100:100:101:8001/prod 1 
 
 
 
 
 
 
 、前端打包遇见如下错误 Error: Cannot find module html-webpack-plugin

解决方案：

（1）检查node.js版本 
  
  
  
  
  
  
  
，如果为高版本（我的版本为16+

 


 


 


 


 


 


 

，已改为14.19.0） 
 
 
 
 
 
 
 ，需要先卸载之前的版本 
   
   
   
   
   
   
   
，下载nvm管理工具
 

 

 

 

 

 

 
，详细操作百度即可 
   
   
   
   
   
   
   
。

检查node.js版本命令
 

 

 

 

 

 

 
。

node -v

（2）若降版本后还是无法打包
 

 

 

 

 

 

 

 ，尝试删除node_modules后重新install依赖再打包
 

 

 

 

 

 

 

 。

（3）如果还是不行              ，尝试如下代码安装依赖              。之后再次重试打包 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
。还不行就谷歌














。

npm install html-webpack-plugin -D 2 
   
   
   
   
   
   
   
、配置nignx并启动前端项目

（1）将打包好的dist文件上传至服务器后                      。打开nginx配置文件夹 

 
 

 
 

 
 

 
 

 
 

 
 

 
 
，我的路径为

D:\nginx\nginx-1.22.1\conf

新建文件：你的配置名字.conf 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
。

server { #listen表示nignx监听的前端项目使用的端口 listen 9002; #server_name 有备案过的域名可在此填写域名














，无则随便填写 server_name localhost; location /{ #网站主页路径





















。此路径仅供参考                      ，具体请您按照实际目录操作               。 #例如 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
，您的网站主页在 Nginx 服务器的 /etc/www 目录下





















，则请修改 root 后面的 html 为 /etc/www 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
。 # root 你的前端项目的路径 root D:\前端\dist; # 其余应该不用变 try_files $uri $uri/ /index.html index index.html index.htm; } }

（2）打开nginx配置文件nignx.conf               ，在尾行引入刚才写的配置文件














。

include 你的配置名字.conf;

（3）启动nginx 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
，在浏览器中输入地址查看前端项目是否启动成功














，在logs文件夹中可查看启动错误日志 
  
  
  
  
  
  
  ，帮助排错 
  
  
  
  
  
  
  。

D:\nginx\nginx-1.22.1\logs