精华内容
下载资源
问答
  • 使用Nginx代理后端接口

    千次阅读 2020-02-26 16:04:10
    使用nginx代理后端接口 当后端的项目访问压力大时,这时候我们需要将项目部署到多台服务器上,减轻单个服务器的压力 1、首先打开nginx的安装位置,在conf文件夹中找到nginx.conf文件 2、添加一个server,一个...

    当后端的项目访问压力大时,这时候我们需要将项目部署到多台服务器上,减轻单个服务器的压力

    1、首先打开nginx的安装位置,在conf文件夹中找到nginx.conf文件

    2、添加一个server,一个server就是一个服务

    upstream my_house {
    //这里的server可以写多个,默认采用轮询的方法
    	  server http://192.168.*.*:10600;//代理的具体后端端口
    	}
    	
    	server {
        listen 9090;//监听的端口号
        server_name localhost;//ip地址或者是域名
    
        location /{
        //下面四行位置用来解决前后端项目的跨域问题
         add_header Access-Control-Allow-Origin $origin_list;
         add_header Access-Control-Allow-Origin *;
         add_header Access-Control-Allow-Credentials true;  
         add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
    
            proxy_pass my_house;//代理的后端端口方法
        }
       }
    

    3、重启nginx,访问端口

    访问http://localhost:9000/* 相当于访问 http://192.168.*.*:10600/*,代理完成
    
    展开全文
  • nginx 屏蔽后端接口

    2019-02-12 21:40:01
    如果线上环境某个接口出现了问题,需要临时屏蔽,怎么做呢? server { listen 80; server_name m.static.com; ##屏蔽用户接口,并返回状态码403 location = /user/info { return 403; } ##...

    如果线上环境某个接口出现了问题,需要临时屏蔽,怎么做呢?

    server {
            listen    80;
            server_name m.static.com;
            ##屏蔽用户接口,并返回状态码403
            location = /user/info {
                 return 403;
            }
            ##屏蔽用户接口2,并返回状态200和一串json字符串,如果与前端有良好协议,可直接提示
            location = /user/info2 {
                 return 200 '{"state":{"code":0,"msg":"success"}}';
            }
    }

     

    展开全文
  • Nginx配置教程nginx的特点nginx配置前端静态页面代码nginx配置后端接口 nginx的特点 更快: 单次请求会得到更快的响应。 在高并发环境下,Nginx 比其他 WEB 服务器有更快的响应。 高扩展性: Nginx 是基于模块...

    nginx的特点

    • 更快:
      • 单次请求会得到更快的响应。
      • 在高并发环境下,Nginx 比其他 WEB 服务器有更快的响应。
    • 高扩展性:
      • Nginx 是基于模块化设计,由多个耦合度极低的模块组成,因此具有很高的扩展性。许多高流量的网站都倾向于开发符合自己业务特性的定制模块。
    • 高可靠性:
      • Nginx 的可靠性来自于其核心框架代码的优秀设计,模块设计的简单性。另外,官方提供的常用模块都非常稳定,每个 worker 进程相对独立,master 进程在一个 worker 进程出错时可以快速拉起新的 worker 子进程提供服务。
    • 低内存消耗:
      • 一般情况下,10000个非活跃的 HTTP Keep-Alive 连接在 Nginx 中仅消耗 2.5MB 的内存,这是 Nginx 支持高并发连接的基础。
      • 单机支持10万以上的并发连接:理论上,Nginx 支持的并发连接上限取决于内存,10万远未封顶。
    • 热部署:
      • master 进程与 worker 进程的分离设计,使得 Nginx 能够提供热部署功能,即在 7x24 小时不间断服务的前提下,升级 Nginx 的可执行文件。当然,它也支持不停止服务就更新配置项,更换日志文件等功能。
    • 最自由的 BSD 许可协议:
      • 这是 Nginx 可以快速发展的强大动力。BSD 许可协议不只是允许用户免费使用 Nginx ,它还允许 用户在自己的项目中直接使用或修改 Nginx 源码,然后发布。

    nginx配置前端静态页面代码

    • nginx的html目录中创建一个自己命名的文件夹,我在html文件夹下创建了screen和report文件夹。
    • 直接看配置文件内容:
    • 输入 http://192.168.18.131/即可直接访问screen内容。
     server {
            listen       80; #监听端口
            server_name  localhost; #本机192.168.18.131,也就是localhost
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main; #日志
    
            location / {
                root   html/screen/; #screen是我创建的文件夹,用来放置前端解压后的代码文件
            proxy_connect_timeout 3s;
            proxy_read_timeout 5s;
            proxy_send_timeout 3s;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;#刷新页面的时候需要此配置,不配置刷新页面找不到页面
            }
    }
    
    • 问题来了,如果我要配置多个前端项目,比如PC端,H5,钉钉等
    • 输入 http://192.168.18.131/report/ 访问report文件下的网页内容
    • alias配置如下
    server {
            listen       80;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                root   html/screen/;
            proxy_connect_timeout 3s;
            proxy_read_timeout 5s;
            proxy_send_timeout 3s;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            }
    
            location /report {
                alias   html/report/;
            proxy_connect_timeout 3s;
            proxy_read_timeout 5s;
            proxy_send_timeout 3s;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
           }
       }
    
    • 使用alias一定要注意的几个点:
      • 目录名后面要加 /,否则找不到文件。
      • alias只能位于location块中。

    nginx配置后端接口

    • 输入 http://192.168.18.131/ding/ yuqihai访问http://web-dingtalk.wuhu.xip.io/yuqihai接口
    server {
            listen       80;
            server_name  localhost;
    
            #charset koi8-r;
    
            #access_log  logs/host.access.log  main;
    
            location / {
                root   html/screen/;
            proxy_connect_timeout 3s;
            proxy_read_timeout 5s;
            proxy_send_timeout 3s;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
            }
    
            location /report {
                alias   html/report/;
            proxy_connect_timeout 3s;
            proxy_read_timeout 5s;
            proxy_send_timeout 3s;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html;
           }
            
           location /ding/ {
            proxy_pass http://web-dingtalk.wuhu.xip.io/;#注意这里/和不加/区别很大哟
            proxy_set_header  X-Real-IP  $remote_addr;
            proxy_set_header  X-Forwarded-For  $proxy_add_x_forwarded_for;
            }
    }
    
    • proxy_pass http://web-dingtalk.wuhu.xip.io 则转发到http://web-dingtalk.wuhu.xip.io/ding/yuqihai
    展开全文
  • Nginx后端接口配置

    万次阅读 2018-11-04 22:43:12
    upstream api.fcibook.com { server localhost:9161; } server { listen 80; server_name api.fcibook.com; location /abb { root /usr/local/web/m.fcibook.com/; ...
    upstream api.fcibook.com {
            server localhost:9161;
    }
    
    server {
        listen       80;
        server_name  api.fcibook.com;
        location /abb {
                root /usr/local/web/m.fcibook.com/;
                index index.html;
        }
        location  / {
    
                   if ($request_method = 'OPTIONS') {
                            add_header 'Access-Control-Allow-Origin' '*';
                            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,Content-Range,Range,x-cert-uid,x-cert-token';
                            #
                            # Tell client that this pre-flight info is valid for 20 days
                            #
                            add_header 'Access-Control-Max-Age' 1728000;
                            add_header 'Content-Type' 'text/plain charset=UTF-8';
                            add_header 'Content-Length' 0;
                            return 204;
                    }
                    if ($request_method = 'POST') {
                            add_header 'Access-Control-Allow-Origin' '*';
                            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
                            add_header 'Access-Control-Expose-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range';
                    }
                    if ($request_method = 'GET') {
                            add_header 'Access-Control-Allow-Origin' '*';
                            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range,x-cert-uid,x-cert-token';
                            add_header 'Access-Control-Expose-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Content-Range,Range,x-cert-uid,x-cert-token';
                    }
    
                  proxy_pass http://api.fcibook.com/;
        }
    }
    

    第一行:

    upstream后面跟API网址名称,最好和server中的server_name及localtion中的proxy_pass保持一致

    展开全文
  • nginx请求后端接口的时候,一会报错404找不到,一会报错200请求成功 原因分析: 既然请求接口的时候,一会404请求不到,一会200请求成功。说明前端代码或者后端代码是没有问题的,问题是出在nginx的配置,所以去...
  • nginx 监控后端服务器

    2019-12-04 18:13:48
    nginx 监控后端服务器 1. nginx_upstream_check_module nginx_upstream_check_module 是专门提供负载均衡器内节点的健康检查的外部模块,由淘宝的姚伟斌大神开发,通过它可以用来检测后端 realserver 的健康状态。...
  • 配置 nginx配置如下:  location /day06api/ {   proxy_pass http://127.0.0.1:8080/;  } 实际访问的端口服务:http://127.0.0.1:8080/api/abc proxy_pass 最后有斜线时(即端口后只有斜线,例如A和B...
  • 如图 我nginx配置完 前端获取后端接口地址 该怎么写 地址该改成什么样的
  • Nginx 部署 vue 并且 访问 后端 接口

    千次阅读 2019-04-03 15:01:55
    我之前的想法认为 我的 前端vue 放到Tomcat容器中,然后后端是 springBoot 项目直接启动 在用Nginx 配置代理 后端的 端口 重点:其实 并不是我认为的那样,是我 前端vue 挂到 Nginx 上 然后 Nginx 代理后端 端口号...
  • 二 压缩问题 后端服务器开启了压缩,而nginx没有解压缩 ,解决方法 proxy_set_header Accept- Encoding ' ';#让后端不要返回压缩(gzip或deflate)的内容 这边按问题一没有解决: 压缩解决方法: 在server标签添加...
  • 由于是三方内网部署,因此不知道对方的内网地址是什么(后端接口地址),然而vue打dist包的时候是需要先配置好后端接口地址的,导致到现场之前就打不出前端镜像,同时现场又缺少前端打包的环境。 鉴于以上因素,...
  • 关于vue打包dist部署nginx访问后端服务出现跨域问题 后端访问请求 http://localhost:8888/demoRepair/test/hello VUE包 进行配置端口改成访问8000 /** * demo环境 */ ;(function () { window.SITE_CONFIG = {} ...
  • nginx访问后端偶尔超时问题

    千次阅读 2019-01-02 19:57:09
    排错之路首先怀疑是否是后端服务有问题,所以导致会出先这个故障,后面确认直接访问后端服务,不会出现这个问题,说明问题还是出在nginx上面。查看nginx日志,看request_time 和response_time,发现确实,返回时间...
  • 后端接口任然使用http访问。 前后端项目部署在同一个服务器中。 当在前端中直接用http协议访问后端的接口可能出现的问题如下: 问题原因,因为前端是使用了https,所以经过前端访问后端接口是也要用https协议进行...
  • Windows系统、Nginx1.18.0 二、步骤 1、nginx解压根目录 D:\nginx-1.18.0 2、配置nginx.conf 文件路径: D:\nginx-1.18.0\conf\nginx.conf 将nginx.conf内容修改为以下: user root; events { worker_connections...
  • vue.js分环境打包(vue-cli2.0),主要应对开发环境和生产环境请求后端地址ip不同,避免每次打包需要反复修改baseUrl的问题,根据npm run dev / npm build 打包生成不同baseUrl 配置。 打开config目录 分别修改以下两...
  • 项目上线后需要对Nginx配置Https证书,但后端接口此时就会报错。 处理很简单,见下面的nginx配置~ server { listen 80 ssl;# https 监听的端口地址 (根据你的实际改喽一般是443) server_name www.xxxx.com; ...
  • 前端调用zuul统一网关服务接口,请求状态码200,但是无返回数据。 浏览器控制台报错信息:No Access-Control-Allow-Origin header is present on requested resource . 2、解决问题 借鉴...
  • nginx部署vue项目并访问后端接口遇到Uncaught (in promise) Error: Request failed with status code 503 今天在一台阿里云上部署了springboot后端,并测试通过。 但是在部署vue项目到nginx后,发现无法成功访问后端...
  • nginx代理静态后访问后端接口跨域

    千次阅读 2019-08-05 19:27:03
    直接在nginx.conf加上 location /api { proxy_pass xxxx.xxx.com/xxxx # 接口的url; proxy_redirect off; # 后端的Web服务器可以通过X-Forwarded-For获取用户真实IP proxy_set_header Host $hos...
  • 静态页面和后端都在同一台服务器...前端通过nginx代理到本地,如何配置使得ajax请求转发的到本地后端接口? 目前配置如下,总是404 ![图片说明](https://img-ask.csdn.net/upload/201911/19/1574129340_927249.png)

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 41,091
精华内容 16,436
关键字:

nginx设置后端接口地址