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

本文详细描述了如何在前端使用VueCLI和后端NetCore3.1的项目中,通过Nginx和IIS进行HTTP到HTTPS的转换,包括配置NginxSSL、设置8088端口代理以及前端URL调整的过程。
摘要由CSDN通过智能技术生成

前端使用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 请求。

到此配置完成.

前后端分离项目部署到Amazon Elastic Compute Cloud (EC2)涉及几个关键步骤: 1. **环境准备**: - 创建EC2实例:选择适合的实例类型,通常选择Linux(如Ubuntu或CentOS)作为服务器操作系统。 - 安装必要的基础工具:包括SSH、Git、Node.js(如果后端是Node.js)、Nginx等。 2. **构建和打包应用**: - 前端:使用构建工具如Webpack或Gulp打包前端代码,生成静态文件。 - 后端:确保后端应用已经构建完成并准备好部署。 3. **配置域名和SSL**: - 如果需要,购买一个域名并在AWS中配置DNS解析,将域名指向EC2实例的公共IP地址。 - 使用AWS Certificate Manager (ACM)获取SSL证书,并将其绑定到域名。 4. **部署后端**: - 将后端代码上传至EC2,可以使用SCP或S3同步,然后在服务器上安装依赖并运行服务。 - 设置环境变量,如数据库连接信息。 5. **部署前端**: - 将打包后的前端静态文件上传到EC2实例的Web根目录,通常是`/var/www/html`。 - 配置Nginx做反向代理,将请求转发给前端静态目录或后端API。 6. **设置负载均衡**: - 如果有高流量需求,可以使用Amazon Elastic Load Balancer (ELB)分发请求到多个实例,提供冗余和高可用性。 7. **监控和安全**: - 安装并配置日志系统,如Logstash、Fluentd或CloudWatch Logs,监控应用运行状况。 - 确保应用安全,使用防火墙规则限制访问,并启用AWS的安全组策略。 8. **自动化部署**: - 可能需要设置CI/CD流程,如使用GitHub Actions或AWS CodePipeline,以自动化代码提交后的部署过程。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值