nginx配置及部署前后分离项目

nginx下载

http://nginx.org/en/download.html


下载后解压,并新建static目录存放静态资源
在这里插入图片描述


一、前端部署

引入前端项目

将编译好的前端项目放入static目录下。
在这里插入图片描述
在这里插入图片描述

路径配置

在这里插入图片描述
新建一个server进行项目配置
在这里插入图片描述
浏览器访问测试
在这里插入图片描述

二、后端接口路径配置

在这里插入图片描述
浏览器访问测试
在这里插入图片描述

nginx常用命令

验证配置是否正确: nginx -t

查看Nginx的版本号:nginx -V

启动Nginx:start nginx

快速停止或关闭Nginx:nginx -s stop

正常停止或关闭Nginx:nginx -s quit

配置文件修改重装载命令:nginx -s reload

踩坑

如果遇到访问404、400、500,可以查看日志根据错误提醒自己排查;
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值