vue nodejs ssr 环境下,如何配置https协议?

发布于 2022-09-12 23:25:05 字数 236 浏览 21 评论 0

原来项目是http协议的,使用了vue+node的ssr配置,现在项目要为小程序提供接口,那么,就需要将http协议换为https协议,可是并没有如何排至现在情况下的https协议的方法,请问,该如何配置呢?
同时,有没有一种配置方法,能将原来http协议访问的地址,直接重定向到https的地址呢?

ps:原有项目使用ssr框架为vue-server-renderer,项目也没有前后端分离,也没有使用任何服务器。这种情况下应该如何配置。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

带上头具痛哭 2022-09-19 23:25:05

写一写我的做法(貌似一般都是做么干的)
用 nginx 做前置机,负责做转发。假设你的 node 服务是跑在 3000 端口,具体的 vhost 文件配置如下:

# https 配置
server {
    listen 443 ssl;
    #配置HTTPS的默认访问端口为443。
    #如果您使用Nginx 1.15.0及以上版本,请使用listen 443 ssl代替listen 443和ssl on。
    server_name yourdomain.com; #需要将yourdomain.com替换成证书绑定的域名。
    root html;
    index index.html index.htm;
    ssl_certificate cert/cert-file-name.pem;  #需要将cert-file-name.pem替换成已上传的证书文件的名称。
    ssl_certificate_key cert/cert-file-name.key; #需要将cert-file-name.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; #表示使用的TLS协议的类型。
    ssl_prefer_server_ciphers on;
    location / {
        proxy_pass http://127.0.0.1:3000;
    }
}

# http 配置
server {
    listen 80;
    server_name yourdomain.com; #需要将yourdomain.com替换成证书绑定的域名。
    rewrite ^(.*)$ https://$host$1; #将所有HTTP请求通过rewrite指令重定向到HTTPS。
    location / {
        proxy_pass http://127.0.0.1:3000;
    }
}

希望能对你有帮助 :)

已参与了 SegmengtFault 思否 「问答」打卡,欢迎正在阅读的你也加入。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文