nginx跨域配置步骤

假设接口服务器地址：http://192.168.2.1:8081

1、先查看接口本身是否能调通（随便找个get接口在浏览器测试下，如：http://192.168.2.1:8081/testmanage/test/deleteTest）

2、找到nginx的压缩目录，修改conf/nginx.conf文件的配置，参考如下：

注：需要将proxy_pass 这里的地址改为接口服务器地址

其中‘api’代表包含有api的地址才会映射到这个接口服务器地址，‘api’可以修改成其他的

3、修改后，启动nginx,

直接点击Nginx目录下的nginx.exe 或者 cmd运行start nginx

4、用配置后的地址再访问刚才的接口，看是否能调通，能调通说明nginx配置成功，

地址变为：http://127.0.0.1:81/api/testmanage/test/deleteTest

注：这里的ip跟端口来源于conf/nginx.conf文件的配置，可以按默认配置，默认端口是80，容易冲突，可以自己修改成其他的端口，我这里修改成81端口；记住地址中一定要加上第2步配置中的api，才能映射到这个接口地址

nginx跨域配置步骤相关推荐

Nginx跨域配置、限制连接、限制下载速度
目录一.Nginx跨域配置二.Nginx限制连接配置三.Nginx限制下载速度配置一.Nginx跨域配置 #允许跨域请求的域,* 代表所有 add_header 'Access-Control ...
Nginx跨域配置、防盗链配置
跨域配置当出现403跨域错误的时候No 'Access-Control-Allow-Origin' header is present on the requested resource,需要给Ng ...
微前端子应用nginx跨域配置
当出现403跨域错误的时候 No 'Access-Control-Allow-Origin' header is present on the requested resource,需要给Nginx服 ...
我也说说Nginx解决前端跨域问题，正确的Nginx跨域配置（后端Nginx CORS跨域配置、CORS设置，后端允许跨域请求）
最近连续两个朋友问我跨域相关问题,我猜想可能不少朋友也遇到类似问题,我打算写个博客聊一下我实际使用的配置, 先说明一下,我并不太了解这配置,没精力去了解太多,但我觉得其中有一些关键的小注意点,可能有些 ...
入门Nginx之-静态资源服务器及跨域配置
简介这里静态资源就以之前的一个项目文章地址为例,源码 Github,项目本身很简单,只是分别对第三方的服务端.自己的服务端发起请求. 不论是调用第三方服务端接口,还是自己的后端服务,如果跨域未在服务 ...
Nginx跨域解决配置示例
简介在日常学习和工作开发中,需要请求两个不同配置的请求经常存在,本文介绍如果还使用Nginx配置解决其跨域问题相关理论首先需要了解什么是跨域,下面的两个文章说的很好,请仔细阅读后,然后自己去动手 ...
nginx 实现备案域名的配置 + 跨域配置
前言又到了记录的时候,摸鱼一时爽,摸到火葬场,摸鱼有风险,不要摸鱼了!!! (对自己的不满) ying宝的课上讲到了负载均衡.分布式缓存.分库分表等等等等提高服务并发性能的方法,总而言之,都是一些提 ...
iconfont配置nginx跨域问题、nginx反向代理接口跨域
1.nginx配置解决iconfont跨域浏览器跨域访问js.css.img等常规静态资源被同源策略许可,但iconfont字体文件(eot|otf|ttf|woff|svg)例外,此时可在ngin ...
nginx跨域步骤详情
此文章只实现在本地开发环境下的应用nginx跨域 1.下载nginx稳定版本下载地址:nginx: download 2. 配置nginx文件下的nginx.conf 3. 打包我用的react ...
Nginx | Nginx之跨域配置(CORS)
Nginx之跨域配置 1. 注意 2. CORS 3. Nginx通过CROS 实现跨域 4. 配置信息 nginx.conf 中 1. 注意服务端口不能与代理端口一致端口会冲突服务本身做了跨域 ...

nginx跨域配置步骤

nginx跨域配置步骤相关推荐

最新文章

热门文章