nginx配置反向代理解决跨域

摘要:
一、下载nginx避免少走弯路,下载稳定版二、启动nginx两种方法1、双击nginx.exe2、cmd转到nginx文件夹输入startnginx会有一个弹出框一闪而过,然后在浏览器输入localhost,页面显示welcome就算启动成功三、nginx常用命令startnginx//启动nginxnginx-sstop//强制关闭nginx-squit//安全关闭nginx-sreload//

一、下载nginx

nginx配置反向代理解决跨域第1张

避免少走弯路,下载稳定版

二、启动nginx 两种方法

1、双击nginx.exe

2、cmd转到nginx文件夹输入 start nginx

会有一个弹出框一闪而过,然后在浏览器输入localhost,页面显示 welcome 就算启动成功

三、nginx常用命令

start nginx   //启动nginx
nginx -s stop   //强制关闭
nginx -s  quit   //安全关闭
nginx -s reload  //重启
nginx -s reopen  //打开日志文件

四、配置跨域

1、原理

前端:localhost:8081 访问后端:localhost:7070

用nginx指定一个端口如:8080,把两个都代理到同一端口,解决跨域

2、配置文件

为了方便,我们在conf文件夹新建一个proxy.conf

server{
  #指定统一的端口
  listen     8080;
  #要监听的IP地址,本地就是localhost
  server_name   localhost;
  #对对应的url进行反向代理
  #/demo 指可以访问 /demo1,也可以访问 /demo/index
  #/demo/ 只可以访问 /demo/index
  location /demo {
      #你前端的地址
      proxy_pass  http://localhost:8081;  
}
  
  location  /api {
      #后端地址
      proxy_pass  http://localhost:7070;   
}
} 

在nginx.conf引入proxy.conf

在http里加一行

include      proxy.conf;

每次改变配置文件,必须运行 nginx -s reload来重启下

这样localhost:8080/demo就可以访问前端,localhost:8080/api可以访问后端

免责声明:文章转载自《nginx配置反向代理解决跨域》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇HTTPUTILS为什么要用Volley中的RequestFuture封装RxJava来用异步请求处理同步请求?下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

nginx配置文件优化

nginx配置优化    #定义Nginx运行的用户和用户组user  www  www;   #启动工作进程,通常设置成和cpu的数量相等worker_processes  8;   最多开启8个,8个以上性能就不会再提升了。 #为每个工作进程分配cpu。worker_cpu_affinity 00000001 00000010 00000100...

[Linux] nginx记录多种响应时间

官网介绍$request_time – Full request time, starting when NGINX reads the first byte from the client and ending when NGINX sends the last byte of the response body$upstream_connect_tim...

浏览器的F5和Ctrl+F5

在浏览器里中,按F5键和按F5同时按住Ctrl键(简称Ctrl+F5),效果是不同,到底两者有什么区别呢? 假如我第一次访问过http://localhost/home,这个网页是个动态网页,每次访问都会去访问Server,但是它包含一个一个静态资源http://localhost/content/bootstrap.css,浏览器在显示这个网页之前需要发...

编译安装openresty

选择版本 Openresty的版本号比较简单,形式为:Openresty 1.2.3.x 例如Openresty 1.17.8.2表示是基于Nginx 1.17.8开发的第二个版本 那么选择的标准就是根据自己的需要,对应nginx的版本来下载 预编译包安装(可跳过) 这里以centos为例,简单带过一下,根据官方的要求,Red Hat类的系统支持的Open...

第九天 1-8 实战:安装nginx服务器

简介:使用nginx源码包,安装nginx服务器,并对其进行配置后,测试其成果。模仿百度主页! 第一步:检查依赖关系[root@xiaogan ~]# rpm -q zlib-devel pcre-develpackage zlib-devel is not installedpackage pcre-devel is not installed[root...

Flask web应用

Flask web应用一、介绍 最近开发要用一个测试环境,是这样的Nginx+uwsgi+flask 的一个结构。下面是一些记录,在Centos 系统上使用Flask 架构部署一个简单的Python应用。然后使用Nginx作为前端反向代理,设置uWSGI应用网关处理web应用程序。 二、条件 1) 环境要求 Server OS:最小化安装 Centos...