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

摘要:
1,下载nginx2,解压后打开conf/nginx.conf修改配置server{listen8841;#监听端口server_namelocalhost;#代理服务地址location/{#默认访问roothtml;indexindex.htmlindex.php1.php1.html;}#开始配置我们的反向代理location/api{#"/api"中的api可以替换为自定义的任何内容rew

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=>{
                returnres.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创建本地服务器和配置代理(解决跨域)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C3P0连接池JUnit使用简介下篇

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

相关文章

nginx安装配置lua支持

nginx安装很简单,配置lua相关的支持就需要额外的安装一些库和编译。 一、准备环境 yum -y install lua*wget https://luajit.org/download/LuaJIT-2.0.4.tar.gz wget https://github.com/simpl/ngx_devel_kit/archive/v0.2.19.tar...

Nginx 反向代理配置

在实现一个搜索下拉框的效果,因为需要通过AJAX来请求自己的一个webservice,但是JS是不允许访问不同源的资源的,所以需要配置一个代理服务器来实现数据的返回,找了好多文章试过都不行,下面记录下这篇文章的内容已备以后查看 Nginx为Tomcat服务器作反向代理的配置教程 这篇文章主要介绍了Nginx为Tomcat服务器作反向代理的配置教程,文中以...

Nginx Session Sticky

nginx的粘性session主要通过nginx-sticky-module实现 1下载nginx-sticky-module 下载地址:https://code.google.com/p/nginx-sticky-module/downloads/list 官方文档:https://code.google.com/p/nginx-sticky-modul...

CentOS 7.8 搭建LNMP(Linux+Nginx+MySQL+PHP)

安装前的准备-配置selinux和防火墙 1,临时(永久)关闭selinux 为什么要关闭selinux(centos默认开启的安全加强的linux,详细问度娘),避免selinux的默认文件权限的限制,导致安装失败。操作如下:查看SELinux状态命令:命令:/usr/sbin/sestatus -v如果SELinux status参数为enabled即...

nginx+tomcat负载均衡搭建

一、      单独部署tomcat和nginx Nginx版本:nginx-1.13.5 Tomcat版本:apache-tomcat-8.5.8 操作系统:win10 必须先部署一个tomcat服务器。Tomcat服务器部署好后,登录tomcat服务器:localhost:8080 显示如下界面,说明部署成功。关于tomcat的部署就不详细介绍了。  ...

Nginx 笔记与总结(13)Nginx 的 gzip 压缩

使用 FireFox(40.0)访问博客园(http://www.cnblogs.com/),观察 http 头信息 请求头信息: Accept-Encoding gzip, deflate 表示浏览器接受的压缩方式有 gzip 和 deflate 响应头信息: Content-Encoding gzip 表示服务器返回内容的压缩方式是 gzip 注意...