一、反向代理Https

（1）先获取https证书（nginx用的）

（2）配置nginx

配置文件： C:\nginx-1.20.1\conf\nginx.conf

linux配置：

server {listen       80;listen       443;# 代理域名server_name  <域名>xxxx.com;# 证书配置ssl                  on;ssl_certificate      <证书路径>/etc/nginx/cert/xxxx.crt;ssl_certificate_key  <证书密钥路径>/etc/nginx/cert/xxxx.key;ssl_session_timeout  5m;ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNULL:!MD5:!ADH:!RC4;ssl_protocols TLSv1 TLSv1.1 TLSv1.2;ssl_prefer_server_ciphers on;# 服务名称server_name  xxxx.com www.xxxx.com *.xxxx.com;root         /usr/share/nginx/html;# Load configuration files for the default server block.include /etc/nginx/default.d/*.conf;location / {# 转发的本地地址proxy_pass  http://localhost:80;proxy_set_header Host      $host;proxy_set_header X-Real-IP $remote_addr;# 做https跳转proxy_redirect http:// $scheme://; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}error_page 404 /404.html;location = /40x.html {}error_page 500 502 503 504 /50x.html;location = /50x.html {}
}

win配置：

server {listen       80;listen       443;# 代理域名server_name  <域名>xxxx.com;# 证书配置ssl                  on;ssl_certificate      <证书路径>/etc/nginx/cert/xxxx.crt;ssl_certificate_key  <证书密钥路径>/etc/nginx/cert/xxxx.key;ssl_session_cache    shared:SSL:1m;ssl_session_timeout  5m;ssl_ciphers  HIGH:!aNULL:!MD5;ssl_prefer_server_ciphers  on;location / {root   html;index  index.html index.htm;# 转发的本地地址proxy_pass  http://localhost:80;proxy_set_header Host      $host;# 做https跳转proxy_redirect http:// $scheme://; proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}
}

(3) 重启nginx

nginx.exe -s reload安装win服务重启方式：service.exe restart

二、解决访问跨域问题

例子：前端接口：8001，后端接口8002（前后端都没配置跨域）

（1）修改nginx配置文件（代理给6666端口，注意，6666端口不可以被占用）

server {# 监听端口listen       6666;# 监听地址server_name  localhost;# 转发的本地地址（前端）location / {proxy_pass http://localhost:8001;}# 转发的本地地址（后端）location /api {proxy_pass http://localhost:8002;}
}

（2）重启nginx

（3）测试前端和后端地址

（访问地址端口已经变更，项目运行服务端口不变，直接代理给6666端口了）

原来：

前端地址：http://localhost:8001

后端地址：http://localhost:8002/api/getData

更改后：

前端地址：http://localhost:6666

后端地址：http://localhost:6666/api/getData

nginx反向代理Https、代理解决跨域问题相关推荐

vue服务器代理proxyTable配置解决跨域
目录 1.Proxy代理作用 2 .常见情况 3.应用方式 4.具体配置实例 5.配置思路代理原理总结 1.Proxy代理作用 proxy代理作用:前端服务器代理的作用是,告诉服务器任何未知请求( ...
nodeJS 反向代理请求，解决跨域。
var express = require('express') const { createProxyMiddleware } = require('http-proxy-middleware') ...
vue 本地环境API代理设置和解决跨域
写一个config.js文件,作为项目地址的配置. 1 //项目域名地址 2 const url = 'https://exaple.com'; 3 4 5 let ROOT; 6 //由于封装的ax ...
webpack开发配置API代理proxy，解决跨域问题
1. 一个完整的webpack配置代理代码设置代理需要: 1.需要使用本地开发插件:webpack-dev-server. 2.webpack-dev-server 使用的是 http-proxy- ...
本地调试H5，如何设置接口的请求代理proxy，解决跨域问题（共2步）。
第1步:在http目录的index.js中设置baseUrl的值为/api // http/index.js (该项目使用的是luch-request插件,封装请求处理) ... http.setCo ...
nginx解决浏览器跨域问题_前端通过Nginx反向代理解决跨域问题
在前面写的一篇文章SpringMVC解决跨域问题,我们探讨了什么是跨域问题以及SpringMVC怎么解决跨域问题,解决方式主要有如下三种方式: JSONP CORS WebSocket 可是这几种方式 ...
Nginx 方向代理解决跨域问题-2
概述在浏览器端进行 Ajax 请求时会出现跨域问题,那么什么是跨域,如何解决跨域呢?先看浏览器端出现跨域问题的现象,如下图所示什么是跨域问题? 跨域,指的是浏览器不能执行其他网站的脚本.它是由浏览 ...
proxy跨域不生效_前端开发：深入使用proxy代理解决跨域问题
在前端领域里面,跨域指的是浏览器允许向服务器发送跨域请求,进而克服Ajax只能同源使用的局限性限制.同源策略是一种约定,而且是浏览器中最基本也是最核心的安全功能,若缺少了该策略,浏览器非常容易被*** ...
通过 Nginx 代理转发配置实现跨域（API 代理转发）
通过 Nginx 代理转发配置实现跨域(API 代理转发) 阅读 2285 收藏 119 2017-04-08 原文链接:www.thinktxt.com 1元视频体验视频通话10000分钟cloud ...
Nginx 解决跨域
项目准备前端网站地址:http://localhost:8080 服务端网址:http://localhost:8081 确认服务端是没有处理跨域的,先用postman测试服务端接口是正常的当前端 ...

nginx反向代理Https、代理解决跨域问题

一、反向代理Https

二、解决访问跨域问题

nginx反向代理Https、代理解决跨域问题相关推荐

最新文章

热门文章