ngnix应用小结前后端项目联调，前端使用ngnix连接后端接口不成功

最新推荐文章于 2024-10-31 15:49:24 发布
最新推荐文章于 2024-10-31 15:49:24 发布
阅读量148 收藏
点赞数 2
分类专栏： web前端 文章标签： 前端 nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35641191/article/details/142484053
版权

前后端项目联调，前端使用ngnix连接后端接口，不成功？

1. 两台主机要能ping通

2. 后端电脑关闭防火墙

3. 修改ngnix.conf文件中的地址为后端电脑ip

4. 修改ngnix.conf文件后需要关闭所有的ngnix进程，然后重启ngnix生效

5. ngnix关闭多个进程无法关闭，从下往上关，关闭后双击.exe重启

夏与冰
关注
专栏目录
Ngnix
qq_45404224的博客
11-14 529
文章目录ningxNginx概述Nginx的安装部署Nginx+Tomcat集群Nginx负载均衡策略动静分离 ningx 1、Nginx安装与配置 2、Nginx和Tomcat整合及负载均衡 Nginx概述与安装 Nginx概述 Nginx是一款高性能的、轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器。由俄罗斯的程序设计师Igor Sysoev所开发，供俄国大型...
Nginx与前端开发
静水流深
12-10 1474
Nginx与node.js “Nginx是一款轻量级的HTTP服务器，采用事件驱动的异步非阻塞处理方式框架，这让其具有极好的IO性能，时常用于服务端的反向代理和负载均衡。” ​ 作为前端开发，即使没用过Nginx，但一定听说过上面这句话。这句经典的话，基本构成了所有人对Nginx的第一印象。 Nginx发布于2004年，经过初期几年的沉淀之后，迅速蹿升为“网红”，成为了当年互联网技术圈最火的...
Nginx反向代理解决前后端联调跨域问题
文燚的博客
12-27 811
原因分析 同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。比如：前端项目在本地运行后的地址为http://localhost:8080/，此时要访问后端接口http://192.168.123.43:8000/api/xxx/xxx，就会遇到跨域问题不能访问。 解决方法 下载 http://nginx.org/ 配置 进入你的ngnix安装目录，打开./conf/...
配置nginx后前端访问后端浏览器报跨域访问
yccccc_c的博客
09-09 2550
背景： 1、SpringBoot+Vue（Vue-cli2）前后端分离； 2、前后端都在本地，只是端口不同，后端每个模块的端口也不同； 3、前后端都没有开发完，不能对前端进行打包成静态资源。 为解决前后端分离中的跨域问题做如下配置。 （1）配置nginx.conf文件如下：nginx监听9001端口并进行访问路径的正则匹配（~波浪号表示正则匹配），serviceedu接口在8001端口上，eduoss在8002端口上。 （2）前端在conf文件夹下修改dev.env.js文件中的BASE_API改为“ht
Nginx中常见问题与错误处理
黄规速博客:学如逆水行舟，不进则退
05-23 5784
Nginx中常见问题与错误处理
nginx部署访问不到后端没有请求路径
qq_46226332的博客
09-20 297
本地运行前端可以访问到后端，单独访问后端也可以访问到后端，前端vue部署到nginx之后前端可以访问到，但是没有后端的请求，f12连请求路径也没有。VUE_APP_BASE_API,就是一个路径，但是就是访问不到后端，这是为什么啊，求助大神帮帮忙。nginx.conf 也配置了反向代理 location /api/ {// axios中请求配置有baseURL选项，表示请求URL公共部分。是不是这个api路劲不对啊，前端是这样写的。
Nginx访问异常的解决方法
专注Java后端技术干货、项目源码总结分享，期待您的关注。
01-14 2930
Windows通过nginx部署前端项目，无法访问。报错：【123: The filename, directory name, or volume label syntax is incorrect】
总结：nginx502：API接口502异常排查过程
chuilao8444的博客
08-06 6173
问题背景：118机器出现接口不通报警，一段时间后恢复 排查过程： 1、确认问题：nginx大量502异常，即nginx对应的后端服务可能处理很慢或者将请求丢弃了。 2、检查118机器的cpu，内存，网络等基础指标，发现eth0这段时间入口流量骤减，几乎为0，而且出问题的几天，时间吻合，其...
ASR语音识别技术，vue开发，websocket连接。
09-16
asr语音识别项目是基于华为ai字幕为原型的pc端内部开发项目，主要是为了测试不同模型的语音识别效果和上屏展示，适用于会议记录，翻译等场景。我主要负责页面设计和搭建，测试，联调和根据客户需求进行优化。asr语音...
SpringCloud集成websocket出现Error: Unexpected server response: 200，服务器将WebSocket连接错误地识别为HTTP请求的问题
zsy_0010k的博客
10-18 2875
最近项目里需要使用到websocket，主要用于前后端实时通信，项目中用到的场景是用户扫码乘车之后司机的设备需要语音提醒，思路是司机在打开乘车二维码时前端根据司机的用户ID发送websocket请求，后端在扫码乘车成功后发送消息，在本地测试一切正常，因为在本地与前端联调时没走网关，直接通过websocket所在服务端口来连接，但是上服务器由于服务端口不能对外暴漏，只能走网关或者通过nginx转发来实现，所以就出现了nginx转发成http请求这种问题。
前后端联调--NGINX（上）
2201_75491199的博客
10-30 231
本文章基于黑马程序员《苍穹外卖》项目中前后端联调，介绍nginx做出的总结。
nginx部署后部分接口请求报错403问题记录
weixin_46917162的博客
03-19 1万+
问题描述： nginx配置项目后通过域名访问项目时部分接口会出现403错误，charles抓包得到的response是阿里云的一个未备案的界面（但是真实的服务器确实接收到了请求并作出了正确的响应）。 而通过nginx配置的server_name+监听的端口号去访问时，这部分接口却没有报错，charles抓包得到的响应是真实服务器给出的正确的响应。 问题原因： 我这里出现这个问题的原因是：nginx配置了将客户端的host（域名访问时转发的就是域...
线上Nginx跳转存在的接口返回异常问题
柳下听雨的博客
02-26 7108
问题描述最近一次上线本来是个很简单的功能，却被折腾了一宿，痛苦不堪啊！问题是这样的，线上发布完成以后，发现登录接口无法正常返回数据，但该接口涉及到的代码却根本就没有更改。问题排查出现这个问题，首先想到的肯定是接口是否出现了问题。于是开始对这个接口进行测试验证，经过在本机和测试环境验证，该接口不存在任何问题，但调用线上的接口却出现问题，无数据返回。使用chrome浏览器调试，发现接口返回“net::E
nginx前后端分离部署无法访问到后端接口
热门推荐
高振的博客
12-11 1万+
先看一组错误案例： #user nobody; worker_processes 1; #error_log logs/error.log; #error_log logs/error.log notice; #error_log logs/error.log info; #pid logs/nginx.pid; events { worker_connections 1024; } http { include mime.types;
vue如何让下拉框可以输入---查询下拉框内容
qq_42666729的博客
10-28 453
使用filterable。
前端 常见开发工具使用
最新发布
weixin_45534301的博客
10-31 314
【代码】前端 常见开发工具使用。
JavaScript中this的指向和改变this指向的方法 - 2024最新版前端秋招面试短期突击面试题【100道】
everfoot的博客
10-29 627
了解this的工作原理是掌握JavaScript的关键之一，特别是在编写复杂的应用程序时。正确使用this可以避免许多常见的问题和错误。在实际开发中，合理选择不同的绑定方法，可以让你的代码更加灵活和易于维护。掌握这些this的知识点将帮助你在前端面试中脱颖而出！祝你顺利上岸！
CSS3新增盒子属性
。
10-28 921
介绍CSS3新增盒子属性。
ngnix 配置 https 前端 请求 http接口的后端
09-13
在NGINX配置中，如果需要让前端通过HTTPS访问而连接到HTTP后端服务，通常会使用反向代理（Reverse Proxy）。以下是基本步骤： 1. **SSL/TLS设置**: - 安装并配置SSL证书，添加到`/etc/nginx/ssl/`目录下。 - 使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值