Nginx 反向代理解决浏览器跨域问题
开门见山,最近利用空闲时间开发了一个简单的后端服务,从表里查询数据,一个简单的前端页面,通过Ajax请求访问后端接口,遇到了浏览器跨域的问题。
我后端的服务是localhost:8080,前端Hbuilder 开发页面默认的是localhost:8020,很显然请求是失败的。用nginx 反向代理,中间也出现了不少问题和迷惑的地方,
解释一下,nginx 反向代理是针对浏览器的,把浏览器请求的端口代理到后端服务上,这一点一定要搞清楚。下面直接上图:
first-mui 是你前端工程项目的名字,root D:/wuliDemo, 这个root 指向的是前端工程项目的上级目录。 girlsManage 是后端接口的前缀,比如后端的url:localhost:8080/girlsManage/queryGirls/1, 这里girlsManage 是前缀,nginx 将监听所有请求前缀为
girlsManage 的请求,并代理到8080端口。
Ajax 请求的url 应该这么写。
这是后端工程Controller 类的代码。
转载于:https://www.cnblogs.com/wonderful-day/p/7735835.html
Nginx 反向代理解决浏览器跨域问题相关推荐
- nginx解决浏览器跨域问题_Nginx 反向代理解决浏览器跨域问题
开门见山,最近利用空闲时间开发了一个简单的后端服务,从表里查询数据,一个简单的前端页面,通过Ajax请求访问后端接口,遇到了浏览器跨域的问题. 我后端的服务是localhost:8080,前端Hbui ...
- 使用webpack-dev-server设置反向代理解决前端跨域问题
使用webpack-dev-server设置反向代理解决前端跨域问题 参考文章: (1)使用webpack-dev-server设置反向代理解决前端跨域问题 (2)https://www.cnblog ...
- Mac下使用nginx反向代理服务器解决资源跨域问题
使用homebrew来安装nginx,打开终端 1. 安装homebrew包 ruby -e "$(curl-fsSL https://raw.githubusercontent.com/ ...
- 简单配置nginx反向代理,实现跨域请求
简单配置nginx去做反向代理,实现跨域请求 简单介绍nginx的nginx.conf最核心的配置,去做反向代理,实现跨域请求. 更多详细配置,参考nginx官方文档 先介绍几个nginx命令 打开n ...
- 通过nginx反向代理解决跨域
先写一个发送跨域请求的页面index.html <html> <head><title></title> </head> <body& ...
- 利用nginx 反向代理解决跨域问题
利用nginx 反向代理解决跨域问题 参考文章: (1)利用nginx 反向代理解决跨域问题 (2)https://www.cnblogs.com/hpx2020/p/9928175.html 备忘一 ...
- nginx反向代理解决跨域问题,使本地调试更方便
nginx反向代理解决跨域问题,使本地调试更方便 参考文章: (1)nginx反向代理解决跨域问题,使本地调试更方便 (2)https://www.cnblogs.com/gwf93/p/102951 ...
- nginx解决浏览器跨域问题_使用nginx解决浏览器跨域
什么是浏览器跨域? 跨域就是指浏览器具有同源策略,浏览器不会执行访问其它网址数据的js脚本,比如说访问其它网址的cookie数据,调用其它网址的api接口. 什么是同源? 协议,域名,端口均相同的情况 ...
- 用iframe设置代理解决ajax跨域请求问题
用iframe设置代理解决ajax跨域请求问题 参考文章: (1)用iframe设置代理解决ajax跨域请求问题 (2)https://www.cnblogs.com/ranzige/p/370965 ...
- c#解决浏览器跨域问题
c#解决浏览器跨域问题 参考文章: (1)c#解决浏览器跨域问题 (2)https://www.cnblogs.com/S-U2018/p/10718252.html (3)https://www.j ...
最新文章
- Animation Override Controller动画重载器
- zabbix菜单出现问号乱码问题
- win10计算机无法睡眠怎么办,Windows10笔记本电脑无法睡眠怎么处理
- php 函数有命名空间吗_一篇弄懂PHP命名空间及use的使用
- sylog mysql_25.2 配置使用基于mysql存储日志信息
- 目标检测——图像增广
- oralce9i备份的数据导入到oralce10g中的过程
- mysql 主从特性_mysql 5.6 新特性 主从推延
- 【信息系统项目管理师】第3章-项目立项管理 知识点详细整理
- USACO 4.3 Street Race(DFS)
- mysql分表和表分区详解
- html5 预览dwg,哪个企业网盘可以实现dwg在线预览?
- 基于RFID定位技术的酒店资产管理--RFID资产管理--新导智能
- 深圳“限牌”管理细则发布:每月26日摇号
- 如何给Mac挑选外接显示器?苹果外接显示器选购指南
- android使图片变为圆形
- 面试题—Mybatis动态sql是什么意思?常用的标签有哪些和用途?
- 远程桌面连接(Remote Desktop Manager)
- 计算机应用技能实验报告实验五,实验五excel应用—制作学生成绩表
- swagger 上传文件 参数_Swagger发送body和formData参数
热门文章
- html辅助方法实现原理,前端每日实战:苦练 CSS 基本功——图解辅助线的原理和画法...
- .sql文件导入mysql数据库中
- ie选项 由于该计算机受到限制 本次操作已被取消,IE“Internet 选项”无法打开提示“由于该计算机受到限制本次操作已被取消”...
- java 修改mysql密码_mysql数据库忘记密码时如何修改
- 同态加密 应用案例 入门
- c语言开发kafka环境,c++(11)使用librdkafka库实现kafka的消费实例
- mysql处理emoji表情_mysql支持emoji表情存取的解决方案
- 2013年广西计算机二级c语言试题及答案,2013年计算机二级C语言上机模拟试题及答案...
- LeetCode之翻转二叉树以匹配先序遍历
- Chrome常用插件和油猴(Tampermonkey)脚本使用及常用脚本分享(网盘)