`
m635674608
  • 浏览: 5043105 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

nginx跨域设置

    博客分类:
  • java
 
阅读更多

nginx跨域问题
例子:访问http://10.0.0.10/ 需要能实现跨域

操作:
http://10.0.0.10/项目是部署在tomcat里面,tomcat跨域暂时还不会,按照网上的方法操作也没成功
只有用Nginx做个代理,解决跨域问题了!


1、将www.tangxiaoyue.com域名指向http://10.0.0.11/。只有在域名上设置才能实现跨域。(10.0.0.11是Nginx的IP)
2、在nginx上的配置文件tang.conf进行设置

配置文件例如:

复制代码
server {
listen 80;
server_name tangxiaoyue.com;
if ( $http_user_agent = "Mozilla/5.0"){
return 403;
}
location / {
add_header 'Access-Control-Allow-Origin' '*';
#
# Om nom nom cookies
#
add_header 'Access-Control-Allow-Credentials' 'true';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
# 
# Custom headers and headers various browsers *should* be OK with but aren't
#
add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
proxy_pass http://10.0.0.10/;
proxy_set_header Host "tangxiaoyue";
}
}
分享到:
评论

相关推荐

    Vue中跨域及打包部署到nginx跨域设置方法

    本文将详细介绍Vue项目开发中遇到的跨域问题及其解决方法,以及如何将打包后的Vue项目部署到Nginx服务器,并设置跨域。 ### 跨域问题的概述 跨域问题是指由于浏览器的同源策略限制,前端项目中的JavaScript代码...

    Nginx跨域设置Access-Control-Allow-Origin无效的解决办法

    nginx 版本 1.11.3 使用大家说的以下配置,验证无效,跨域问题仍然存在 add_header 'Access-Control-Allow-Origin' '*'; add_header 'Access-Control-Allow-Credentials' 'true'; add_header 'Access-Control-Allow...

    nginx 配置跨域失效修复的方法示例

    nginx 配置跨域不生效 如下配置 server { listen 80; server_name localhost; # 接口转发 location /api/ { # 允许请求地址跨域 * 做为通配符 add_header 'Access-Control-Allow-Origin' '*'; # 设置请求...

    nginx跨域问题,解决多端口,多ip问题

    Nginx 跨域问题解决方案 Nginx 是一个流行的开源 Web 服务器软件,广泛应用于 Web 服务器管理。然而,在使用 Nginx 进行服务器管理时,经常会遇到跨域问题。跨域问题是指在不同的域名、端口或协议下,无法访问...

    利用nginx解决跨域问题【nginx跨域】

    【作品名称】:利用nginx解决跨域问题【nginx跨域】 【适用人群】:适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】:利用nginx解决...

    nginx解决跨域问题的实例方法

    这段配置告诉Nginx将根目录`/`指向打包后的前端静态资源,并设置`/api/`路径的代理,将请求转发到`http://localhost:8080/`。 3. **测试**:现在,前端可以通过`http://localhost/test`这样的URL发起请求,Vue-...

    nginx安装, 解决跨域问题

    **Nginx安装与解决跨域问题** 在现代Web开发中,由于浏览器的同源策略,跨域问题经常出现,限制了不同源之间的通信。Nginx作为一个高性能的反向代理服务器,常被用于处理此类问题。本篇将详细介绍如何在Linux环境下...

    nginx部署步骤,vue解决跨域

    vue 跨域解决 Linux上部署nginx

    nginx跨域config

    nginx 跨域

    nginx服务器通过配置来解决API的跨域问题

    前言 ... 如采用firebug调试API请求(这个API是自己服务器的应用),看到服务器明明返回200状态,response返回数据也是json格式,但ajax返回的error。 在排除json数据格式不正确的...后来才知道是跨域问题(CORS),因为

    nginx跨域问题解决

    nginx跨域问题解决

    通过nginx实现跨域请求

    学习Nginx源码有助于理解其内部机制,而工具则可能包括像curl、Wireshark等,用于测试和调试跨域设置。 在实际项目中,我们通常会在Nginx配置文件(如`/etc/nginx/nginx.conf`)的HTTP或Server区块内添加这些跨域...

    Nginx跨域配置.zip

    五、Nginx跨域配置 1. CORS(Cross-Origin Resource Sharing)是允许不同源之间交互的机制。在Nginx中,可以通过添加以下代码片段到location上下文中解决跨域问题: ```nginx add_header Access-Control-Allow-...

    nginx实现跨域访问遇到的问题

    Nginx 跨域访问解决方案 Nginx 是一款轻量级的 Web 服务器、反向代理服务器和电子邮件代理服务器,然而在实现跨域访问时,会遇到一些问题。本文将讨论 Nginx 实现跨域访问遇到的系统环境问题解决方法,并分享踩过的...

    使用docker部署nginx前后端解决跨域问题.docx

    使用docker部署nginx前后端解决跨域问题

    nginx跨域代理

    **Nginx跨域代理详解** 在Web开发中,由于浏览器的安全策略,不同源的请求(即协议、域名或端口不同的URL)会被限制,这种现象称为“跨域”。为了解决这个问题,开发者通常会利用Nginx作为跨域代理服务器,通过配置...

    在各种服务器(nginx,apache,tomcat)上设置CORS跨域设置.zip

    CORS跨域设置主要涉及到修改服务器配置,添加适当的HTTP响应头部,如`Access-Control-Allow-Origin`、`Access-Control-Allow-Methods`和`Access-Control-Allow-Headers`。具体实现方法因服务器类型而异,但核心思想...

    nginx跨域配置

    介绍如何配置nginx实现跨域,简单明了,很方便。需要的自行下载

Global site tag (gtag.js) - Google Analytics