前后端分离项目使用SSL部署

前端使用VUE CLI 框架,后端使用 net Core 3.1 ,前后端按照正常程序使用http部署可以正常访问后,接下来就可以部署ssl 方案了。

先整理一下目前的前后端关键点:

1:前端使用nginx代理,后端使用IIS,正常的http 访问后端的配置:

前端使用80端口,后端使用8088端口。

前端请求后端的路径配置:http://192.168.1.10:8088

2:配置好nginx ssl的功能,并生成证书,前端能够访问。

以下为配置SSL成功后的nginx配置:

server {

listen 443 ssl;

server_name 192.168.1.10;

#证书存放位置

ssl_certificate c:/nginx-1.19.2/ssl/local.crt;

ssl_certificate_key c:/nginx-1.19.2/ssl/sslkey.key;

ssl_session_cache shared:SSL:1m;

ssl_session_timeout 5m;

ssl_ciphers HIGH:!aNULL:!MD5;

ssl_prefer_server_ciphers on;

location / {

root c:\IIS_File\Web;

index index.html index.htm;

}

location /api/ {

proxy_pass http://192.168.1.10:8088/;

}

}

主要的是要做一个8088端口的代理

location /api/ {

proxy_pass http://192.168.1.10:8088/;

}

这个配置指明了前端请求 api 路径的时候指向8088端口。

之后修改前端项目请求后端的指向:https://192.168.1.10:443/api/

在原来的基础上加上了 'api'节点,主要是根据这个请求的地址转换为我们NGINX的代理。

并将http请求改为https 请求。

到此配置完成.

相关推荐
王威振的csdn15 分钟前
利用 iptables 实现 IP 透明转发:解决 Docker 容器 IP 无法访问的问题
网络协议·tcp/ip·docker
IP搭子来一个26 分钟前
代理IP是什么?有什么用?快速了解与使用指南
网络协议·tcp/ip·php
野犬寒鸦1 小时前
面试常问:什么是TCP连接:虚拟对话通道的奥秘
服务器·网络·后端·tcp/ip·面试·tcpdump
NewCarRen2 小时前
车载安全(五):车载安全系统的开发过程和安全评估方法
网络·安全
安全渗透Hacker2 小时前
OpenClaw 威胁分析(中文翻译+表格整理)
网络·人工智能·安全·安全威胁分析·威胁分析
无限码农3 小时前
2.1 网络编程 异步网络库zvnet
服务器·网络·php
无风听海3 小时前
深入解析 Python dotenv
网络·python·rpc
九硕智慧建筑一体化厂家3 小时前
什么是楼宇自控?全面解析楼宇自控与楼宇自控系统的作用
大数据·运维·人工智能·网络协议·制造
Never_Satisfied3 小时前
通过certbot安装SSL证书
网络·网络协议·ssl
wanhengidc3 小时前
裸金属服务器与普通服务器的区别
运维·服务器·网络·游戏·智能手机