码迷,mamicode.com
首页 > 其他好文 > 详细

nginx创建本地服务器和配置代理(解决跨域)

时间:2021-04-26 13:57:20      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:cal   数据   add   data   一个   port   代理服务   服务器   默认   

1,下载nginx

2,解压后打开conf/nginx.conf 修改配置

server {         
        listen        8841;#监听端口    
        server_name  localhost;#代理服务地址
        location / { #默认访问
            root  html; 
            index  index.html index.php 1.php 1.html;
        }
        #开始配置我们的反向代理
        location /api{        #"/api"中的api可以替换为自定义的任何内容     
            rewrite ^/api/(.*)$ /$1 break;     
            include uwsgi_params;     
            proxy_pass https://api.ioser.net; #我们要反向代理的地址,这里以本地的tomcat服务器为例  
            charset utf-8;   #显示中文      
            add_header Access-Control-Allow-Origin *; #允许来自所有的访问地址           
            add_header Access-Control-Allow-Credentials true;       
            add_header Access-Control-Allow-Methods GET, PUT, POST, DELETE, OPTIONS; #支持请求方式            
            add_header Access-Control-Allow-Headers Content-Type,*;  
        }
    }

 3,请求数据的时候用localhost:8841(监听的端口号)代理需要请求数据的地址,例如:

var url1 = "http://localhost:8841/api/api/get_phone_info?access_token=UQbC9X4iqAt7YXfli9IELpogAr2KjkLx&phone=18824678858";
            fetch(url1).then(res=>{
                return res.json()
            }).then(data=>{
                console.log(data)
            })

二。创建本地服务器

在nginx 目录下输入命令:

npm install express

安装 express模块,

2,在跟目录下新建一个server.js,写入代码即可

const express = require(express)
const app = express()
const port = 9000

app.get(/, (req, res) => {
  res.send({
      code:200,
      msg:"请求成功",
      data:{
          text:"123"
      }
      
  })
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

send 里面就是服务器返回的数据

3,使用命令

node server.js

开启服务器即可

 

nginx创建本地服务器和配置代理(解决跨域)

标签:cal   数据   add   data   一个   port   代理服务   服务器   默认   

原文地址:https://www.cnblogs.com/wubaiwan/p/14701205.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!