nginx学习笔记(代理解决跨域)


前言

提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。


提示:以下是本篇文章正文内容,下面案例可供参考

一、nginx是什么?

nginx是一款高性能的web服务器,反向代理服务器,负载均衡服务器,且nginx拥有优秀的网络I/O处理模型

二、安装步骤

1.通过homebrew安装(mac)

brew install nginx

2.已安装可以查看是否安装

brew search nginx

在这里插入图片描述

3.跨域是什么,为什么会跨域

  1. 基于浏览器的同源策略,在域名、端口、协议都相同才是同源,否则就是不同源,在不同源的情况下就会产生跨域问题
  2. 前端解决跨域问题
    - jsnp
    - 服务器代理

3.解决跨域问题

这里利用jquery中的ajax来做一个请求

<script>
    $("#request").click(function(){
    
    
        $.ajax({
    
    
            url:"http://localhost:3001/test",
            dataType:"json",
            type:"get",
            success:(res)=>{
    
    
                console.log("success",res)
            },
            error:(err)=>{
    
    
                console.log("err",err)
            }
        })
    })
</script>

启动node开启本地服务

const express = require('express')
const cookieParser = require('cookie-parser')
var app = express()
var router = express.Router()
router.get('/test',function (req,res) {
    
    
    res.json({
    
    
        code:200,
        msg:"success"
    })    
})
app.use(router)
app.use(cookieParser)
app.listen(3000,function () {
    
    
    console.log('runing in 3000...')
})

在没有启动nginx通过页面来请求发现端口不同是跨域的
在这里插入图片描述
在终端启动nginx,将请求转发到3001端口

sudo nginx

nginx配

在这里插入图片描述

总结

nginx具有高并发,性能高,成本低,配置简单的优势,可以给系统带来很大的性能提升

猜你喜欢

转载自blog.csdn.net/m0_48995032/article/details/119925713