nginx 配置反向代理

一、vue项目中，开发阶段可以自己配置代理，将localhost+端口映射成实际的 ip+端口，不过vue在实际打包后这个代理会失效，不会有这种映射关系存在，所以就会出现访问路径是 localhost+端口的情况，此时肯定是访问不了的，需要通过代理将监听localhost+端口将监听到的转到实际的 IP+端口。

二、Nginx是一款轻量级的Web 服务器/反向代理服务器及电子邮件（IMAP/POP3）代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力在同类型的网页服务器中表现较好，中国大陆使用nginx网站用户有：百度、京东、新浪、网易、腾讯、淘宝等。作用很多，今天就先说反向代理配置。

三、下载nginx，下载地址：链接：https://pan.baidu.com/s/1gIN2MblSsNSnqEMXv-BsEg 提取码：fg90 这是我个人的有空搞的一个软件包，里面有很多可以用得到的软件，其中有nginx，可自行选择下载。

四、下载好的包，找个目录解压解压后目录如下：

在该目录下打开cmd,输入命令：start nginx,之后打开浏览器，直接访问localhost，如果是nginx的欢迎界面，证明安装成功，步骤很简单。

4.1 反向代理配置

打开nginx中conf文件夹，之后编辑nginx.conf文件

现假设现在vue写的项目打包，包名为dist,放到：D:/cjdbh_web02/dist; 这个目录，然后要通过 www.cjdbh.com 来访问该项目，（这里要强调一下，如果通过 www.cjdbh.com 这种是狭义上的域名，也就是说只有自己可以用，需要将本地host文件中配置www.cjdbh.com，映射为127.0.0.1，如果不想配置，那就不用这种域名，直接写成localhost即可，我这里就用域名），然后将访问路径通过：http://192.168.102.124:8088/; 这种实际的IP+端口或者域名来做代理。配置如下：

 server {listen       80;#如果这个地方80被占用了，就换任意其他的没被占用的即可server_name  www.cjdbh.com; #这个地方用localhost代替也行root   D:/cjdbh_web02/dist;  #这个地方是vue的包放的位置，注意root是全局的，其他地方不能再有了#charset koi8-r;#access_log  logs/host.access.log  main;location /api/ {proxy_pass  http://192.168.102.124:8088/; # 这个是反向代理地址# 以下都是解决跨域需要添加的请求头信息proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Headers "Origin, X-Requested-With, Content-Type, Accept";add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";  }

4.2 配置好后，通过 nginx -s reload

4.3，测试，通过访问 www.cjdbh.com 测试是否能够访问到项目，如果访问不到，最大可能是浏览器缓存原因，可以清楚缓存再测试测试，如果任然访问不到，那就关闭nginx，然后在重新启动，在清缓存，在访问，如果任然访问不同，那就是配置有问题，检测一下配置，nginx相关命令如下：

查看Nginx的版本号：nginx -V

启动Nginx：start nginx

快速停止或关闭Nginx：nginx -s stop

正常停止或关闭Nginx：nginx -s quit

配置文件修改重装载命令：nginx -s reload

关闭之后打开window的任务管理器，找到如下显示：

选中，然后停止运行，我这里有几个可能是我重启了几次，具体我也不清楚为何会有多个。

nginx 配置反向代理相关推荐

Windos环境用Nginx配置反向代理和负载均衡
Windos环境用Nginx配置反向代理和负载均衡引言:在前后端分离架构下,难免会遇到跨域问题.目前的解决方案大致有JSONP,反向代理,CORS这三种方式.JSONP兼容性良好,最大的缺点是只支持 ...
nginx配置反向代理和负载均衡完结篇
具体安装配置参考之前的文章 https://blog.csdn.net/weixin_44001965/article/details/102723855 文章目录一,nginx操作的常用命令 ng ...
Nginx配置反向代理访问内部服务
Nginx可以提供高性能的反向代理服务,将客户机请求转发给内部网络中隐藏在幕后的真正的服务器,并将从服务器上得到的结果数据返回给Internet上请求的客户端,在用户看来,Nginx扮演的就是真实服务 ...
nginx配置反向代理浏览器输入地址后点击登陆URL发生变化的处理
今天项目上需要再用NGINX配置反向代理需求如下: 现在有A服务器只做为nginx服务器,B服务器作为代码服务器,用户访问A要实际上访问的是B的程序. 处理方式就是用nginx的方向代理处理即可: 打 ...
nginx配置反向代理过程中遇到的坑配置好之后报404问题
项目场景: nginx配置反向代理路径问题描述在配置nginx反向代理的过程中,路径可以匹配上但是一直报404,找不到路径.nginx配置如下: location /business {add_h ...
Nginx配置反向代理，一篇搞定！
欢迎关注方志朋的博客,回复"666"获面试宝典来源:blog.csdn.net/zxd1435513775/article/ details/102508463 一.引言其他话 ...
ci框架反向代理配置_《网站建设》Nginx配置反向代理
[网站克隆] nginx反向代理镜像站点做贼站谈Nginx,实力是反向代理,因为研究肉鸡刷Adsense使用,花了1-2天来弥补Nginx的知识,发现有搜索. [网站克隆] nginx反向代理镜像站点 ...
windows版 nginx配置反向代理实例教程跳转tomcat和php网站
抄自 https://www.cnblogs.com/j-star/p/8785334.html 个人理解 nginx端口设置为80,简称n tomcat端口设置为其他,例如8080,简称t php网 ...
淘淘商城第89讲——nginx配置反向代理
什么是反向代理? 我们经常听说反向代理这个概念,既然有反向代理,那么就应该有正向代理,那什么是正向代理呢?如下图所示,所谓的正向代理是指当用户发起请求时无法直接访问到某个网站(比如我们经常要访问外网) ...
Nginx配置——反向代理
文章目录 0. 引言 1.何为反向代理? 2. Nginx配置文件 2.1 第一部分:全局块 2.2 第二部分:events 块 2.3 第三部分:http 块 2.3.1 全局 server 块 2 ...

nginx 配置反向代理

nginx 配置反向代理相关推荐

最新文章

热门文章