我是靠谱客的博主 繁荣毛衣,最近开发中收集的这篇文章主要介绍浏览器自动将http请求转成https请求,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

背景

  • https是用于项目网页的请求
  • http用于静态资源图片视频的加载

出现问题

  • 使用google浏览器可以正常加载图片,但是访问视频时,浏览器自动将http请求转成https,就查不到视频资源了
  • 使用windows自带的浏览器,图片,视频都被转成了https请求

原因

  • 浏览器会自作主张将访问静态资源的http请求转成https请求,而我后台加载静态资源使用的nginx,nginx静态资源监听的80端口
  • http请求默认用的80端口,https请求默认用的443端口,所以访问不到静态图片和视频

解决

  • 知道了原因,就开始解决
  • 将静态资源和网页访问入口都使用https来处理

具体修改位置

  • nginx的配置,将监听80映射的静态路径,添加到监听443端口映射的位置,配置如下

注意 root配置和alias配置,
前台请求静态资源需要在原来请求基础路径上再拼接上/upload/(如:https://域名/upload/xxx/xxx.png)

## 访问静态网页
location / {

            root   /usr/local/src/web/dist;
                        try_files $uri /index.html = 404;
        }
## 访问静态资源(图像,视频)
        location /upload/ {
          alias  /opt/images/upload/;
              try_files $uri /index.html = 404;
        }

  • 前台请求资源直接使用https,而不使用http

最后

以上就是繁荣毛衣为你收集整理的浏览器自动将http请求转成https请求的全部内容,希望文章能够帮你解决浏览器自动将http请求转成https请求所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(55)

评论列表共有 0 条评论

立即
投稿
返回
顶部