通过配置Nginx来解决跨域

最新推荐文章于 2024-03-27 15:11:13 发布
最新推荐文章于 2024-03-27 15:11:13 发布
阅读量122 收藏 1
点赞数
分类专栏： nginx
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_ruitao/article/details/85255245
版权

在进行前后分离开发的时候，由于给前端项目配置了域名 ATest.test, 给后端项目配置了域名 BTest.test。当在前端项目中（ATest.test）想通过 Ajax 获取后端项目中（BTest.test）的资源数据时就会出现跨域的问题。

通过配置Nginx方向代理解决

在 ATest.test.conf 中加入

location /home/getData {
     proxy_pass http://BTest.test;
 }

当匹配到 /home/getData 时会转发到 http://BTest.test 中的 /home/getData

raytol
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
angular 跨域的解决方案
book_longker的专栏
11-24 8009
一. 如果服务端没有解决跨域问题，那就通过angular的配置来设置，三步骤： 在angular的工程目录，和angular.json 同级的目录下面的新建proxy.config.json 文件，内容如下： { "/api": "http://www.test.com/api", "secure": false, "changeOrigin": true } 说明：当我们访问http://localhost:4200/api的时候，其实就相等于访问http://www.test.com/api
laravel 跨域配置
u012160319的专栏
08-31 893
1、laravel-cors组件地址 https://github.com/barryvdh/laravel-cors 2、安装及配置 >composer require barryvdh/laravel-cors #laravel 5.5以下需在config/app.php中注册服务: Barryvdh\Cors\ServiceProvider::class, 3、使用 ...
前端本地配置nginx解决跨域问题
weixin_41552521的博客
07-15 2344
nginx解决跨域问题 前几天项目经理告诉我，需要我完成一项任务，任务内容是根据他提供的Excel表格内容，写一段js调用后台接口创建标签分组创建分组及调用创建标签接口创建对应标签分组下面的标签。结果跨域了。 1.下载nginx http://nginx.org/en/download.html 2.启动nginx 有很多种方法启动nginx (1)直接双击nginx.exe，双击后一个黑色...
跨域问题可以通过配置nginx来解决
u010050904的专栏
12-14 6414
跨域问题可以通过配置nginx来解决location /api/{ rewrite ^(api/?.*)$ /$1 break; proxy_pass "http://localhost:8881"; proxy_set_header Host $host; proxy_set_header X-Real-IP $re
nginx解决跨域
热门推荐
不求甚解的博客
07-11 3万+
1、web前端开发经常会遇到跨域访问，如果没有办法让后台开放访问域，调用接口就会被浏览器拦截。解决跨域问题的方案，可以搭建一个后台服务做中间转发，也可以用nginx转发。 2、nginx部署配置，打开conf/nginx.conf文件 server { listen 8080; server_name localhost; root html; ...
Nginx配置解决跨域问题
WHACKW的专栏
06-18 6158
一、如何配置你的nginx.conf添加一个server{}，这是你的服务，listen参数是你要监听的端口，这个端口可以自定义，server_name localhost，这个一般就是A服务器的域名地址，记住这个地址+端口+/参数/(127.0.0.1:9800/quartz/) 是映射location，也就是请求的地址会被代理成 proxy_pass http://192.168.X.XXX:9830这个地址，A服务器就可以跨服务器请求B服务器的资源；
nginx 配置解决跨域
fb_fatboy的博客
01-10 1203
Nginx配置跨域以及注意事项
配置Nginx解决跨域问题
qq_39962271的博客
12-17 784
Nginx 中将前端请求中的所有以 “/apiUrl” 开头的路径代理到 http://192.12.200.101:9813。如果想/apiUrl/login ===> http://192.12.200.101:9813/apiUrl/login。多个域名时：双引号或单引号内，使用逗号隔开；
nginx代理解决跨域问题
最新发布
呼啦啦啦啦啦的博客
03-27 7864
跨域（Cross-Origin）是指在 Web 开发中，一个网页的运行脚本试图访问另一个网页的资源时，这两个网页的域名、协议或端口号任何一个不同，就被称为跨域。跨域是由浏览器的同源策略（Same-Origin Policy）所限制的。同源策略是一种安全机制，它防止一个网页的脚本去读取另一个不同域名的网页内容。同源策略要求两个网页的协议、主机和端口号必须完全相同，否则就会出现跨域问题。简单来说，同源策略要求不同域名的网页之间不能相互访问对方的资源。
Nginx 轻松解决跨域问题
leonnew的博客
04-01 1万+
当你遇到跨域问题，不要立刻就选择复制去尝试。请详细看完这篇文章再处理 。我相信它能帮到你。 # 分析前准备： 前端网站地址：http://localhost:8080 服务端网址：http://localhost:59200 首先保证服务端是没有处理跨域的，其次，先用postman测试服务端接口是正常的 当网站8080去访问服务端接口时，就产生了跨域问题，那么如何解决？接下来我把跨域遇到的各种情况都列举出来并通过nginx代理的方式解决（后台也是一样的，只要你理解的原理）。 跨.
nginx服务器通过配置来解决API的跨域问题
09-30
主要给大家介绍了关于nginx服务器是如何配置来解决API跨域问题的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
如何用Nginx解决前端跨域问题
09-30
需要注意的是，错误配置如直接在原本的8080端口上配置Nginx，会导致Nginx与前端应用服务器冲突，因为它们都在试图监听同一个端口，因此不能正常工作。 除了开发环境，这种方法同样适用于生产环境。通过Nginx转发，...
nginx 配置跨域失效修复的方法示例
01-20
nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...
nginx解决跨域问题的实例方法
09-29
2. **配置Nginx**：接着，打开Nginx的配置文件`nginx.conf`，通常位于`/usr/local/etc/nginx`目录下。在`server`块中添加以下配置： ``` listen 80; server_name localhost; location / { root /Users/xxx/...
在已经安装好的 Openresty上增加新模块（Nginx 的新增方式也一样）
z_ruitao的博客
09-26 3657
当前场景 openresty 源码的目录是 /openresty-1.15.8.2 openresty 安装目录 /usr/local/openresty/ 安装模块 需求：安装模块 ngx_slab_stat 步骤一 1、下载 tengine wget http://tengine.taobao.org/download/tengine-2.3.2.tar.gz 2、解压 tengine-2....
nginx配置显示虚拟主机目录
z_ruitao的博客
01-21 1031
整个虚拟主机开启目录显示 location /{ autoindex on; autoindex_exact_size off; autoindex_localtime on; } 给某个目录开启目录显示 location /file/{ autoindex on; autoindex_exact_size ...
nginx 重载配置、热部署、切割日志文件
z_ruitao的博客
09-09 216
查看在运行的 nginx 进程 ps -ef | grep nginx root 2566 1 0 12:45 ? 00:00:00 nginx: master process ./nginx -c /home/deployer/nginx/conf/nginx.conf nobody 2567 2566 0 12:45 ? 00:00:...
ubantu18 使用certbot申请免费的ssl证书
z_ruitao的博客
09-19 211
安装步骤 添加 certbot 库 sudo add-apt-repository ppa:certbot/certbot 更新包列表 sudo apt-get update 安装 certbot sudo apt-get install python-certbot-nginx 申请 ssl 证书 certbot --nginx --nginx-server-root=/home/dep...
网站启用 https 前需要做的事
z_ruitao的博客
12-09 161
1、确保不使用 https 能以 http 形式正常访问 2、服务器需要开启 443 端口
nginx服务器解决跨域的配置
07-28
要配置Nginx服务器解决跨域问题，可以参考以下步骤： 1. 打开Nginx的配置文件，通常位于`/etc/nginx/nginx.conf`或`/etc/nginx/conf.d/default.conf`。 2. 在配置文件中找到`server`块，可以使用`server_name`指令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值