当前位置: 首页 > news >正文

【用homebrew配置nginx+配置前端项目与后端联调】Macbook M1(附一些homebrew操作)

文章目录

  • 1.安装nginx
  • 2.报错
  • 3.解决办法
  • 4.配置前端项目+nginx代理转发
  • 5.启动nginx,前后端联调

1.安装nginx

brew install nginx

测试是否安装成功

nginx -v

2.报错

我的报错了,我需要处理

Symbol not found: _SSL_set_quic_tls_cbs

新安装的 nginx (1.29.2) 是一个很新的版本,它需要一个同样很新的 openssl@3 依赖库(因为它需要一个与 QUIC/HTTP/3 相关的函数 _SSL_set_quic_tls_cbs)。
但是,系统上已安装的 openssl@3 (3.4.1) 版本稍旧,还没有这个函数。
当运行 nginx -v 时,动态链接器 (dyld) 尝试加载 Nginx,Nginx 说“我需要那个函数”,但 OpenSSL 库里没有,于是程序就 abort (中止) 了。

这通常发生在 install 一个新包之前,没有 update Homebrew 的包列表。

3.解决办法

升级openssl@3库

这里比较极端,直接升级了所有包
(1)更新 Homebrew 的包列表 运行这个命令来获取所有包的最新版本信息:

brew update

(2)升级你已安装的所有包 这个命令会将你本地过时的包(包括 openssl@3)升级到最新版本:

brew upgrade

其实到这一步升级完成之后,nginx就不会报错了。但是可以清理一下homebrew包

brew doctor

看看有什么链接的问题,可能会提供一些解决办法,或者把输出粘贴给ai问一下

看看有哪些文件可以被删除。

brew cleanup --dry-run  

确定删除执行brew cleanup 就可以了,应该能节省出一些空间

4.配置前端项目+nginx代理转发

目前是把前端项目放在了默认目录/opt/homebrew/var/www下,但是后续肯定不能一直放这里。
在这里插入图片描述

要是删除的话得把11.22+12.15这几个文件都删了

然后是配置proxy_pass。我的前端用的是8080端口(默认的),后端用的是8081端口(在yml文件里配置的,本来默认也是8080,但是会冲突,加上后端端口比较好改),这里要从前端监听的8080转发到后端执行的8081,所以需要配置反向代理。
配置文件如下:

nano /opt/homebrew/etc/nginx/nginx.conf

因为后端请求是http://localhost:8081/api/depts,所以要在nginx的配置文件中加上转发路径

location /api/ {proxy_pass http://localhost:8081/;}

注意末尾斜杠和分号,注意前面location api的写法。
nginx根据这个代码找到把请求转发到这里,后端服务器根据请求再进行解析。

5.启动nginx,前后端联调

brew services start nginx   

关闭的话把start改成stop即可。

后端先启动,保证数据库连通,然后启动nginx。之后在浏览器输入:http://localhost:8080,浏览器向 8080 端口发起 HTTP GET 请求,Nginx(监听 8080 端口)接收请求,再根据配置文件进行下一步处理。比如本项目中,nginx发现匹配location /api/ → 代理转发到 8081端口。

前端 JavaScript 代码:
fetch('/api/depts')↓
浏览器发起 HTTP 请求到 8080 端口↓
GET /api/depts HTTP/1.1
Host: localhost:8080

输入8080这段请求之后,应该就能看到前端页面了,点击对应api功能的那个界面,应该就是发送请求,能根据后端所写代码进行处理了。

http://www.dtcms.com/a/535998.html

相关文章:

  • 建立个人博客网站wordpress免费发布信息大全
  • 做设计转钱网站公司网站开发模板
  • 网站建设目标是什么意思win7用本地文件做网站模板
  • VR党建骑行|VR红色骑行漫游|虚拟骑行设备
  • 人脸识别1-Windows下基于MSVC编译opencv-4.5.5
  • 上海网站建设的公司站长之家查询
  • 游戏盾和高防IP的差异与选择
  • 内管理模式和外管理模式的网络比较
  • 【android bluetooth 协议分析 11】【AVDTP详解 4】【A2dp Sink 状态机通俗讲解】
  • Python、Java与Go:AI大模型时代的语言抉择
  • 【Go】P14 Go语言核心利器:全面解析结构体 (Struct)
  • 华为OD机试双机位A卷 - 最佳植树距离 (C++ Python JAVA JS GO)
  • Go学习资料整理
  • 旅游网站规划建设郑州网站建设网络公司
  • k8s滚动升级
  • 舆情网站入口wordpress文章添加seo标题代码
  • Android分区刷机原理深度解析:从Bootloader到Framework的完整启动流程
  • 高防 IP 如何保护企业网站?
  • 原创 网站 源码Discuz网站制作教程
  • windows 2003建设网站网站制作案例市场
  • mysql的安装和卸载过程
  • 软件设计师知识点总结:算法设计与分析
  • 互联网设计公司网站wordpress 404页面模板
  • python+ai智能根据doc教案文档生成ppt
  • PPT WPS ERROR +mn-ea
  • 技术解析 | QtScrcpy:一款基于Qt的跨平台Android投屏工具的实现原理与代码架构
  • F037 vue+neo4j 编程语言知识图谱可视化分析系统vue+flask+neo4j
  • qt设置运行框左上角图标
  • 大量PPT文件怎么快速转换成JPG格式的长图
  • 网站数据怎么做接口供小程序调用企业手机网站建设策划方案