配置Nginx解决跨域问题

Nginx 中将前端请求中的所有以 “/apiUrl” 开头的路径代理到 http://192.12.200.101:9813
例如:
/apiUrl/login ===> http://192.12.200.101:9813/login

配置nginx环境

  • 进入Nginx 的配置文件编辑界面:
sudo nano /etc/nginx/conf.d/default.conf
  • 开始编辑 default.conf
server {listen       80;server_name  localhost;# 这里配置,配置如下location /apiUrl/ {rewrite ^/apiUrl(/.*)$ $1 break; # 路径重写proxy_pass http://192.12.200.101:9813; # 代理请求转发的目标地址add_header Access-Control-Allow-Origin *; # 表示允许任何域的请求访问资源。add_header Access-Control-Allow-Methods *;# 定义允许跨域请求的 HTTP 方法proxy_set_header Content-Type "application/x-www-form-urlencoded; charset=UTF-8"; # 设置代理请求时的 HTTP 请求头部信息。}#charset koi8-r;access_log  /var/log/nginx/host.access.log  main;error_log  /var/log/nginx/error.log  error;location / {root   /usr/share/nginx/html;index  index.html index.htm;try_files $uri $uri/ /index.html;}#error_page  404              /404.html;# redirect server error pages to the static page /50x.html#error_page   500 502 503 504  /50x.html;location = /50x.html {root   /usr/share/nginx/html;}
}

纯净版:这里复制

location /apiUrl/ {rewrite ^/apiUrl(/.*)$ $1 break;proxy_pass http://192.12.200.101:9813;add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods *;proxy_set_header Content-Type "application/x-www-form-urlencoded; charset=UTF-8";}

注意:
如果想/apiUrl/login ===> http://192.12.200.101:9813/apiUrl/login
在这里插入图片描述
这里路径匹配规则 /apiUrl/,如下图:
在这里插入图片描述
/apiUrl ----匹配到的路径----> /apiUrl,/apiUrl1,/apiUrl2
/apiUrl/ ----匹配到的路径–只有 /apiUrl

允许多个信任域名进行跨域访问,你可以在 Access-Control-Allow-Origin 头部中设置多个域名:
多个域名时:双引号或单引号内,使用逗号隔开;

add_header Access-Control-Allow-Origin "https://your-allowed-domain-1.com, https://your-allowed-domain-2.com, https://your-allowed-domain-3.com";

自定义允许跨域请求的 HTTP 方法:

add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS, DELETE';

nginx官方文档–rewrite

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/228678.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

1. cgal在ubuntu下的安装及Hello World的测试

文章目录 ubuntu下的安装教程 Hello World1 三点一线2 点序列的凸包2.1 内置数组中的点的凸包2.2 向量中点的凸包 3 关于内核和特征类4 概念和模型5 进一步阅读 ubuntu下的安装 CGAL安装 参考地址:https://doc.cgal.org/latest/Manual/usage.html 本在在ubuntu下安装: sudo ap…

gcc介绍

gcc编译有四个步骤:预处理、编译、汇编、链接 前提条件: hello.c 1 预处理 gcc -E hello.c -o hello.i -o 指定输出文件为hello.i 展开宏、头文件,替换条件编译,删除注释、空行、空白 2 gcc -S 编译 gcc -S hello.i -o hello.s 检查语法…

基于Springboot的旅游网站设计与实现(论文+调试+源码)

项目描述 临近学期结束,还是毕业设计,你还在做java程序网络编程,期末作业,老师的作业要求觉得大了吗?不知道毕业设计该怎么办?网页功能的数量是否太多?没有合适的类型或系统?等等。这里根据疫情当下,你想解决的问…

数据手册Datasheet解读-MOS管笔记

数据手册Datasheet解读-MOS管笔记 NMOS应用场景一般特征第一个参数Vdss第二、三个参数Rds(on)、IdMOS管的散热绝对最大额定值第一个参数-Vd第二个参数-Vdgr第三个参数-Vg(栅源电压)第四个参数-Id第五个参数-Idm第六个参数-Ptot第七个参数-Viso第七和八的…

模块四(一):搭建自己的SSR

前言:同构渲染是将服务器渲染和客户端渲染相结合的一种渲染方式,在服务端生成初始页面,提升首屏加载速度,并且有利于SEO;在客户端接管HTML,并且将静态HTML激活为数据绑定的动态HTML,为用户提供更…

Unity 常用资料

1. Layer layer本质是按序左移的一个Int32数字,int32有4个字节》32位,故可以支持32个层级。系统自身使用了5个层,意味着用户还有27个层可以使用。 0000 0000 0000 0000 0000 0000 0000 0000 可以且只能任意位为1。unity具体的0-31的层级分布…

13个NPM快速开发技巧:提升前端开发效率

在现代前端开发中,NPM(Node Package Manager)是无法被忽视的利器之一。除了基本的包管理功能外,NPM还提供了许多强大的开发工具。下面,让我们一起探索13个NPM的快速开发技巧,助你事半功倍。 1. 初始化项目 …

Python实战 | 如何抓取腾讯视频

嗨喽~大家好呀,这里是魔王呐 ❤ ~! python更多源码/资料/解答/教程等 点击此处跳转文末名片免费获取 爬虫: 作用: 批量采集数据 / 模拟用户行为 原理: 模拟成 客户端 向 服务器 发送网络请求 环境介绍: python 3.8 解释器 pycharm 编辑器 第三方模块: reques…

委托线程安全

委托线程安全是指将对共享数据的访问委托给线程安全的类,从而避免在调用方代码中进行额外的同步控制。这可以通过将线程安全性限定在一个类内部来实现。以下是一个简单的例子: 假设有一个计数器类 Counter,它不是线程安全的。 public class…

Unity 关于刚体模拟爆炸效果使用的方法

Unity刚体要模拟爆炸效果,可以使用AddExplosionForce方法。 它有3个语法: public void AddExplosionForce(float explosionForce, Vector3 explosionPosition, float explosionRadius); //默认upwardsModifie0.0f,ForceMode.Force模式public void AddE…

Docker可视化管理工具docker.ui的搭建

1、拉取镜像 docker pull joinsunsoft/docker.ui:1.0.1 2、运行容器 docker run -d --name docker.ui --restart always -v /var/run/docker.sock:/var/run/docker.sock -p 8999:8999 joinsunsoft/docker.ui:1.0.13、地址访问 访问地址:http://localhost:8999/lo…

CXL RAS功能简介

一般来说,RAS(可靠性、可用性和可服务性)是计算机硬件和系统设计中的重要概念。 在CXL(Compute Express Link)接口中,RAS功能包括以下方面: 错误检测和纠正:CXL可能支持各种错误检测…

使用git命令行来拉取项目

哈哈哈,在校的我可能更偏向用git,可是在实习过程中大家都用的是图形化工具,因为还不是太熟练,所以我目前还是在用的git命令行。 下边说一下大致流程吧! //拉项目 git clone 仓库地址 //根据项目来安装依赖 npm或者y…

IP小知识

概述 IP是英文Internet Protocol(互联网协议)的缩写。它是一种网络通信协议,用于在计算机网络中传输数据。 IP协议定义了数据在网络中的传输方式和交换方式,它为每台连接到互联网的计算机分配一个唯一的标识符,称为IP…

Java8实战-总结51

Java8实战-总结51 CompletableFuture:组合式异步编程响应 CompletableFuture 的 completion 事件付诸实践 小结 新的日期和时间AP CompletableFuture:组合式异步编程 响应 CompletableFuture 的 completion 事件 付诸实践 现在通过randomDelay方法模拟…

AOA_send_camer_data

Host端 Host 端获取到Camera 数据流经过Mediacodec编码后为H264流发送到另一个设备上面进行显示预览; /**1.建立AOA通信 *2.获取Camera预览数据流 *3.对Camera进行编码为H264 *4.发送数据到device端,AOA数据发送最大量为16K(分包处理) *5.接收到数据后Mediacodec进行解码显…

公众号提高上限怎么操作?

一般可以申请多少个公众号?众所周知,在2013年前后,公众号申请是不限制数量的,后来企业开始限制申请50个,直到2018年的11月tx又发布,其中个人主体可申请公众号由2个调整为1个,企业主体由50个调整…

CAPL——发送自定义报文

文章目录 一、前言二、CANoe操作二、CAPL程序三、Trace结果一、前言 CAPL是CANoe自带的一个编程语言,基本语法基于C语言,通过CAPL可以发挥CANoe更高效、更强大的功能。CAPL最大的特点就是可以编程灵活的完成报文的发送,报文包括通信报文及诊断报文 本文讲述模拟一个报文周…

14 Vue3中组件的props属性

概述 Let’s look at a simple HelloWorld single-file component. You can find this at ./src/components/HelloWorld.vue, generated automatically when you create a Vue project with Vite. 让我们来看一个简单的 HelloWorld 单文件组件。您可以在 ./src/components/He…

腾讯技术工程总结-如何写好技术文章?

文章参考:腾讯技术工程《写好一篇高质量的技术文章》 如何写好技术文章? 大家可以先思考一下,为什么要写技术文章? 我们写技术文章的目的是什么呢?面向哪些人呢? 面向人群 写技术文章的目的毫无疑问是为…