前后端项目部署

在寒假期间开发的一叁邦微信电商小程序终于是收尾了，前端的小伙伴把他们开发的后台管理系统用Vue打包成dist文件给我部署，这可咋整，学呗.
参考b站学习视频：前后端分离项目的两种部署方案

1. 前后端一起部署(前端打包成静态文件后，拷贝到后端你项目中，然后部署后端项目)
2. 前后端分离部署，前端使用nginx部署，后端直接运行jar

1.前后端一起部署(前端打包成静态文件后，拷贝到后端你项目中，然后部署后端项目)

将vue项目打包后生成的css、fonts、img、js以及html文件复制后放到SpringBoot项目resources的目录下。

拷贝完成之后，要在安全框架中添加静态资源放行，这里就看你使用的是什么安全框架了。

然后运行jar包，即可访问静态页面。

这种方案不存在跨域问题

2. 前后端分离部署，前端使用nginx部署，后端直接运行jar

将vue打包后生成的dist文件夹复制到nginx的html目录下

修改nginx配置文件，具体内容如下

保存退出，启动nginx

./sbin/nginx

如果已经启动了就重新加载nginx

nginx -s reload

如果提示nginx命令找不到就要去到nginx的sbin目录下执行

-bash: nginx: command not found
[root@izuf62twn5kzywdcxdnou7z sbin]# cd /usr/local/nginx/sbin

之后再执行./nginx -s reload即可

打开浏览器，访问成功

如果提示403可能是dist文件没有访问权限，用linux命令给其授权

这种方案也不跨域，因为是通过nginx来访问

下面记录一些nginx常用的命令

1. 启动nginx

   nginx直接启动

nginx

​ systemctl命令启动

systemctl start nginx.service

2. 查看启动后记录

ps aux | grep nginx

3. 重启Nginx服务

systemctl restart nginx.service

4. 重新载入配置文件

nginx -s reload

5. 查看端口号

netstat -tlnp