nginx配置详解,nginx跨域问题

article/2025/9/19 10:00:08

文章目录

  • 前言
  • 更改hosts文件
  • 新增velocityerp.top.conf配置文件
  • nginx配置header参数(解决跨域),接口方配置
  • nginx反向代理(解决跨域),发送方配置
  • nginx端口转发(解决跨域)
  • nginx内部跳转
  • nginx配置优先级详解


前言

本文介绍LNMP环境下nginx配置,实现域名访问及有关nginx配置问题详解,关于linux环境下nginx的安装可以参考centos7 搭建 php7.1.3+mysql5.7+nginx1.11


更改hosts文件

设置要访问的本地域名,比如:velocityerp.top

#修改hosts文件
vi /etc/hosts
#如下 增加127.0.0.1 velocityerp.top
127.0.0.1   localhost localhost.localdomain localhost4 localhost4.localdomain4
::1         localhost localhost.localdomain localhost6 localhost6.localdomain6127.0.0.1 velocityerp.top

新增velocityerp.top.conf配置文件

在/usr/local/nginx/conf/vhosts下(每个人安装路径可能不一样)新建velocityerp.top.conf文件,内容如下(一般没什么特殊要求按如下配置即可)

server {listen        80;  #侦听端口server_name  velocityerp.top; #网站域名root   "/mnt/hgfs/project/www/erp/public"; #代码地址location / {index index.php index.html error/index.html; if (!-e $request_filename) { # 如果请求的路径找不到,则nginx执行下面的复写rewrite  ^(.*)$  /index.php?s=/$1  last; #意思是假如访问www.baidu.com/test.html,如果找不到,就跳转到www.baidu.com/index.php/test.html,可用于配置访问路径省略index.phpbreak;}}location ~ \.php(.*)$ { # 匹配所有以.php结尾的请求 区分大小写fastcgi_pass   127.0.0.1:9000;  #侦听本地9000端口,php-fpmfastcgi_index  index.php; #如果请求url以'/'结尾,则在后面追加index.php,在这里设置其实不生效,以为前面已经限制以.php结尾的请求,习惯用法fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$; #非贪婪匹配fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name; #在浏览器中访问的.php文件,实际读取的是 $document_root(网站根目录)下的.php文件 -- 也就是说当访问127.0.0.1/index.php的时候,需要读取网站根目录下面的index.php文件fastcgi_param  PATH_INFO  $fastcgi_path_info; # 脚本请求的值fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info; #解析include        fastcgi_params;}
}

重启nginx

service nginx restart

本地访问 velocityerp.top即可

nginx配置header参数(解决跨域),接口方配置

server {listen        80;server_name  api.velocitypublic.top;root   "/mnt/hgfs/project/www/velocitypublic-api/public";add_header 'Access-Control-Allow-Origin' '*'; #允许的请求来源,* 为所有add_header 'Access-Control-Allow-Credentials' 'true' ; #是否允许浏览器后续请求携带认证信息(cookies),该值只能是true,如果服务器不要浏览器发送Cookie,删除该字段即可。add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS'; #的值是逗号分隔的一个字符串,表明服务器支持的所有跨域请求的方法。注意,返回的是所有支持的方法,而不单是浏览器请求的那个方法。这是为了避免多次"预检"请求add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type,Accept,Origin,User-Agent,DNT,Cache-Control,X-Mx-ReqToken,Keep-Alive,X-Requested-With,Pragma,Cache-Control,If-Modified-Since,token'; #浏览器请求包括Access-Control-Request-Headers字段,则Access-Control-Allow-Headers字段是必需的。它也是一个逗号分隔的字符串,表明服务器支持的所有头信息字段,不限于浏览器在"预检"中请求的字段。add_header 'Access-Control-Max-Age' 1728000; 该字段可选,用来指定本次预检请求的有效期,单位为秒。上面结果中,有效期是20天(1728000秒),即允许缓存该条回应1728000秒(即20天),在此期间,不用发出另一条预检请求location / {index index.php index.html error/index.html;if (!-e $request_filename) {rewrite  ^(.*)$  /index.php?s=/$1  last;break;}}location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}
}

nginx反向代理(解决跨域),发送方配置

server {listen        80;server_name  tp5.top;root   "/mnt/hgfs/project/www/tp5/public";location / {index index.php index.html error/index.html;if (!-e $request_filename) {rewrite  ^(.*)$  /index.php?s=/$1  last;break;}}location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}location /api {proxy_pass   http://api.velocitypublic.top/index.php/api/auth/sliding_code; # 解决跨域,访问tp5.top/api 会代理到api.velocitypublic.top域名下,绕过浏览器同源策略检测}
}

nginx端口转发(解决跨域)

server {listen        80;server_name  tp5.top;root   "/mnt/hgfs/project/www/tp5/public";location / {index index.php index.html error/index.html;if (!-e $request_filename) {rewrite  ^(.*)$  /index.php?s=/$1  last;break;}}location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}location /api/ {# 把 /api 路径下的请求转发给真正的后端服务器proxy_pass http://localhost:189/;# 把host头传过去,后端服务程序将收到your.domain.name, 否则收到的是localhost:189proxy_set_header Host $http_host;# 把cookie中的path部分从/api替换成/serviceproxy_cookie_path /api /;# 把cookie的path部分从localhost:189替换成your.domain.nameproxy_cookie_domain localhost:189 rampow.top;# 获取用户真实IDproxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}

nginx内部跳转

server {listen        80;server_name  tp5.top;root   "/mnt/hgfs/project/www/tp5/public";location / {index index.php index.html error/index.html;if (!-e $request_filename) {rewrite  ^(.*)$  /index.php?s=/$1  last;break;}}location ~ \.php(.*)$ {fastcgi_pass   127.0.0.1:9000;fastcgi_index  index.php;fastcgi_split_path_info  ^((?U).+\.php)(/?.+)$;fastcgi_param  SCRIPT_FILENAME  $document_root$fastcgi_script_name;fastcgi_param  PATH_INFO  $fastcgi_path_info;fastcgi_param  PATH_TRANSLATED  $document_root$fastcgi_path_info;include        fastcgi_params;}location ^~ /api {alias   /mnt/hgfs/project/www/wms_api/public; #目录别名,root与alias主要区别在于nginx如何解释location后面的uri,这会使两者分别以不同的方式将请求映射到服务器文件上。
root的处理结果是:root路径+location路径
alias的处理结果是:使用alias路径替换location路径if (!-e $request_filename) {rewrite ^ /api/index.php last;}}
}

nginx配置优先级详解

匹配优先级:精确匹配 >(^~) > 正则匹配 > 字符串(长 > 短)= 精确匹配;
^~ 提高前缀字符串的匹配优先级;
~ 区分大小写的正则表达式匹配;
~* 不区分大小写的正则表达式匹配;
/ 通用匹配(因为所有的地址都以 / 开头,所以这条规则将匹配到所有请求),如果没有其它匹配,任何请求都会匹配到。# 举例
location = /test.png {# 精确匹配[ configuration A ] 
}location / {# 通用匹配,但是正则表达式和最长字符串会优先被匹配[ configuration B ] 
}location /documents/ {# 前缀字符串匹配# 匹配任何以 /documents/ 开头的请求# 只有后面的正则表达式没有匹配到时,该配置才会被采用[ configuration C ] 
}location ^~ /images/ {# 前缀字符串匹配# 匹配任何以 /images/ 开头的请求,匹配成功以后,会停止搜索后面的正则表达式匹配[ configuration D ] 
}location ~* \.(gif|jpg|jpeg)$ {# 正则表达式匹配,匹配所有以 gif,jpg,jpeg 结尾的请求# 然而,所有请求 /images/ 下的图片会被 configuration D 处理,因为 ^~ 指令,匹配不到这一条规则[ configuration E ] 
}location /images/abc/ {# 前缀字符串匹配# 只有去掉 configuration D 才能被匹配到[ configuration F ] 
}

扫描下方二维码,关注”勇康博客网“公众号,获取更多内容


http://chatgpt.dhexx.cn/article/PVrt73fd.shtml

相关文章

nginx 配置支持跨域

在nginx.conf文件内,server中加入以下内容 #允许跨域请求的域,*代表所有 add_header Access-Control-Allow-Origin *; #允许带上cookie请求 add_header Access-Control-Allow-Credentials true; #允许请求的方法,比如 GET/POST/PUT/DELETE a…

通过Nginx来解决跨域问题

Nginx跨域实现 首先大家要搞清楚什么是跨域,为什么会有跨域情况的出现。哪些情况属于跨域? 跨域:由于浏览器的同源策略,即属于不同域的页面之间不能相互访问各自的页面内容 注:同源策略,单说来就是同协议&a…

Nginx 解决跨域

项目准备 前端网站地址:http://localhost:8080 服务端网址:http://localhost:8081 确认服务端是没有处理跨域的,先用postman测试服务端接口是正常的 当前端网站8080去访问服务端接口时,就产生了跨域问题,那么如何解…

1 Nginx跨域配置

跨域问题在之前的单体架构开发中,其实是比较少见的问题,除非是需要接入第三方SDK时,才需要处理此问题。但随着现在前后端分离、分布式架构的流行,跨域问题也成为了每个Java开发必须要懂得解决的一个问题。 跨域问题产生的原因 产…

Nginx跨域配置

随着越来越多的项目走向了前后端分离,前端服务,需要访问到不同的后端地址,经常遇到跨域问题。本文主要介绍使用Nginx解决跨域问题。 1.什么是跨域 由于浏览器的同源策略,用来限制从一个源加载的文档或脚本与来自另一个源的资源进…

flyai中的dataset对象

Help on Dataset in module flyai.dataset object:class Dataset(builtins.object) | Methods defined here: | | __init__(self, epochs5, batch32, val_batch32) | :param epochs: 训练的轮次,最大不超过100 | :param batch: 训练的批次大小&#xff…

FlyAI资讯:Uber正式开源分布式机器学习平台:Fiber

摘要:在过去的几年中,计算机不断增强的处理能力推动了机器学习的进步。算法越来越多地利用并行性,并依赖分布式训练来处理大量数据。然而,随之而来的是增加数据和训练的需求,这对管理和利用大规模计算资源的软件提出了…

FlyAI小课堂:Python机器学习笔记:Logistic Regression

Logistic回归公式推导和代码实现 1,引言 logistic回归是机器学习中最常用最经典的分类方法之一,有人称之为逻辑回归或者逻辑斯蒂回归。虽然他称为回归模型,但是却处理的是分类问题,这主要是因为它的本质是一个线性模型加上一个映…

FlyAI竞赛:图片颜值打分趣味赛

人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,支持算法能力变现以及快速的…

FlyAI小课堂:Tensorflow-分布式训练

人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,支持算法能力变现以及快速的…

FlyAI小课堂:【文本分类-中文】textRNN

摘要: 随着深度学习的快速发展,人们创建了一整套神经网络结构来解决各种各样的任务和问题。在英文分类基础上,中文文本分类的处理也同样重要... 人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛&#x…

FlyAI小课堂:【文本分类-中文】textCNN

摘要: 随着深度学习的快速发展,人们创建了一整套神经网络结构来解决各种各样的任务和问题。在英文分类基础上,中文文本分类的处理也同样重要... 人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛&#x…

FlyAI人工智能社区参赛指南—用户体验版

Fly-AI竞赛服务平台 flyai.com 在开始学习之前推荐大家可以多在 FlyAI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,支持算法能力变现以…

FlyAI资讯:GPT-3的威力,助力AI领域

摘要:大概一个月之前,史上最巨无霸NLP模型GPT-3问世。当时它向世界展示的能力是,“不仅会写短文,而且写出来的作文挺逼真的,几乎可以骗过人类,可以说几乎通过了图灵测试。”可能是因为它的前一代模型GPT-2也…

FlyAI赛题预告:时间序列初学者指南

近期,FlyAI服务竞赛平台将上线时间序列相关赛题,看到此文的童鞋们可以多多关注下;推荐大家可以多在FlyAI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。…

FlyAI资讯:人工智能的前世今生

摘要: 现代电子产品和设备在诸如通信 、娱乐 、安全和医疗保健等许多方面改善了我们的生活质量 ,这主要是因为现代微电子技术的发展极大地改变了人们的日常工作和互动方式。在过去几十年中,摩尔定律一直是通过不断缩小芯 … 人工智能学习离不开实践的验…

FlyAI小课堂:Tensorflow基操

人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,支持算法能力变现以及快速的…

FlyAI资讯:台积电布局新存储技术

摘要:近年来,在人工智能(AI)、5G等推动下,以MRAM(磁阻式随机存取存储器)、铁电随机存取存储器 (FRAM)、相变随机存取存储器(PRAM),以及可变电阻式随机存取存储…

强烈推荐!FlyAI机器学习数据竞赛启动,丰厚奖金等你来拿

FlyAI 数据竞赛平台 FlyAI 是隶属于北京智能工场科技有限公司旗下,为AI开发者 (深度学习)提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,样例所使用开发框架涉及TensorFlow、Keras、PyTorch. 支持…

FlyAI竞赛服务平台赛题上新——手写英文字体识别(名企内推)

人工智能学习离不开实践的验证,推荐大家可以多在FlyAI-AI竞赛服务平台多参加训练和竞赛,以此来提升自己的能力。FlyAI是为AI开发者提供数据竞赛并支持GPU离线训练的一站式服务平台。每周免费提供项目开源算法样例,支持算法能力变现以及快速的…