win|win server 部署前后端分离项目（springboot + vue + android） winserver部署前后端分离项目（

win server 部署前后端分离项目（springboot + vue + android）记录一下，也给小白一些参考
首先得会开发 springboot、vue、android 项目才需要看本文
一、前期准备
1.轻量级应用服务器 2.域名 3.备案二、服务器部署 springboot 项目
0.开发小记录 0.1 Maven 使用 maven 下载

文章图片

文章图片

cmd里敲 mvn -version 验证是否成功

文章图片

在该目录下新建一个文件夹 maven_repository

D:\software\work\apache-maven-3.8.5

打开该文件，添加本地仓库

D:\software\work\apache-maven-3.8.5\conf\settings.xml

win|win server 部署前后端分离项目（springboot + vue + android）

文章图片

D:\software\work\apache-maven-3.8.5\maven_repository

修改为阿里云私服

文章图片

alimaven aliyun maven http://maven.aliyun.com/nexus/content/groups/public/ central

IDEA配置 settings 里搜索 maven

文章图片

0.2 mysql 学习阶段使用简洁版即可 mysql
1.服务器安装 navicat 2.在自己电脑上连接服务器的 mysql 修改服务器 mysql 中的 user 表
（不然的话会报错 1130 - Host XXX is not allowed to connect to this MySQL server）
将 User 为 root 一行的 Host 修改为 %

文章图片

然后新建查询执行以下命令

flush privileges;

3.导入自己的 sql 文件 4.将 springboot 项目打包 jar 并在服务器上运行使用idea，依次双击 clean complie package

文章图片

将打包好的 jar 复制粘贴进服务器中
进入jar目录，cmd，运行，或将其改为 .bat，之后双击运行即可

java -jar -Dfile.encoding=utf-8 vocabulary-0.0.1-SNAPSHOT.jar

解压 jar 包

jar xf vocabulary-0.0.1-SNAPSHOT.jar BOOT-INF/classes/static/

文章图片

三、服务器部署 vue 项目
0.开发小记录暂时没有啥，就是 vue 项目不要随便改端口，否则会有很多不便
1.下载解压配置 nginx 修改配置文件 nginx-1.20.2\conf\nginx.conf，主要配置 http server 中以下五个：
listen：监听的端口
root：vue项目存在的目录
location / ：需要指向下面的 @router 否则会出现vue的路由在 nginx 中刷新出现404
location @router：对应上面的@router，主要原因是路由的路径资源并不是一个真实的路径，所以无法找到具体的文件因此需要 rewrite 到 index.html 中，然后交给路由在处理请求资源

#usernobody; worker_processes1; #error_loglogs/error.log; #error_loglogs/error.lognotice; #error_loglogs/error.loginfo; #pidlogs/nginx.pid; events { worker_connections1024; }http { includemime.types; default_typeapplication/octet-stream; #log_formatmain'$remote_addr - $remote_user [$time_local] "$request" ' #'$status $body_bytes_sent "$http_referer" ' #'"$http_user_agent" "$http_x_forwarded_for"'; #access_loglogs/access.logmain; sendfileon; #tcp_nopushon; #keepalive_timeout0; keepalive_timeout65; #gzipon; server { listen80; server_namelocalhost; rootC:/Users/Administrator/Downloads/Projects/nginx-1.20.2/html/dist; location / { try_files $uri $uri/ @router; indexindex.html index.htm; } location @router { rewrite ^.*$ /index.html last; } error_page500 502 503 504/50x.html; location = /50x.html { roothtml; } }}

2.build 成 dist 放入 nginx 的 html 目录下 3.运行nginx.exe 4.域名像这张图一样解析即可