nginx反向代理解决跨域问题

nginx代理请求

nginx的反向代理可谓是nginx的拿手好戏,本文介绍下使用反向代理来解决请求跨域的问题。

  1. 首先打开nginx目录下的conf文件中的nginx.config文件,这个文件是nginx的配置文件
    nginx.config
  2. 编辑nginx.config里的内容

打开nginx.config文件,然后找到server字段,定义代理服务。

server {
        listen       80; //监听的端口号
        server_name  localhost; // 域名
		// 默认匹配打开的html文件
        location / {
            root   /usr/local/wx-manage-web/dist/; //文件夹路径
            index  index.html index.htm; // 打开的文件类型
        }
        // 自定义匹配路径 
        //这里/api/代表如果出现localhost:80/api/xxx就会匹配到这个规则而不是默认规则
        location /api/ {
            rewrite  ^.+api/?(.*)$ /$1 break;  //重写路径 删除自定义的前缀。
            proxy_pass http://localhost:8088/;// 重定向的路径
        }
      }

这样就完成了一个代理服务。当浏览器的地址带有api的时候就会将请求重定向到localhost:8088/ 从而完成跨域。

  1. 更新nginx

修改nginx.config后需要重启nginx,nginx。或者nginx -s stop 停止nginx后再 start nginx 启动nginx
下方指令仅限于windows系统

  • 开启nginx
    在控制台进入nginx根目录下输入start nginx
  • 关闭
    在控制台进入nginx根目录下输入 nginx -s stop 停止nginx
  • 重启
    在控制台进入nginx根目录下输入nginx -s reload即可重新启动

ps:仅是自己学习过程中的小结

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值