2022.12.12

记录问题方便以后查看。

一、准备工作

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

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

@echo offstart "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