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