怎么让自己的网站支持https 访问 - SLL证书服务

2018-01-04 16:37:25

让自己的网站能够通过 https://你的域名 进行访问。 
实现这个需要给你服务器安装安全证书。安全证书是有偿的,你要去申请,当然如果你的服务器在阿里云,你可以向阿里云免费申请SSL证书(每个帐号最多申请20个)。

申请地方在 安全(云盾) - 证书服务 
申请的免费证书类型: Symantec 免费DV 
申请的时候会提示你输入相应的参数(如邮箱、联系方式、国家、姓名等信息,认真填写) 
申请速度很快 我申请的时候一个小时后就通知我去下载SSL证书了。 
SSL证书下载下来后就可以将证书安装到自己的网站上了。

打开 Nginx 安装目录下 conf 目录中打开 nginx.conf 文件,找到

##   server {#        listen 443;#        server_name domain1;#        ssl on;#        ssl_certificate 磁盘目录/订单号1.pem;#        ssl_certificate_key 磁盘目录/订单号1.key;#        ssl_session_timeout 5m;#        ssl_protocols TLSv1 TLSv1.1 TLSv1.2; #        ssl_ciphers AESGCM:ALL:!DH:!EXPORT:!RC4:+HIGH:!MEDIUM:!LOW:!aNULL:!eNULL;#        ssl_prefer_server_ciphers   on;#        location / {#            root   html;#            index  index.html index.htm;#        }#    }12345678910111213141516

去掉注释 将下载的安全证书上传至服务器 并让如下 ssl_certificate 与 ssl_certificate_key 的值指向你存放证书的绝对地址 如 /root/xxxxx.pem

server {
    listen 443;
    server_name dommain1;
    ssl on;
    ssl_certificate 磁盘目录/订单号2.pem;
    ssl_certificate_key 磁盘目录/订单号2.key;
    ssl_session_timeout 5m;
    ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers AESGCM:ALL:!DH:!EXPORT:!RC4:+HIGH:!MEDIUM:!LOW:!aNULL:!eNULL;
    ssl_prefer_server_ciphers on;
    location / {
        root html;
        index index.html index.htm;
    }
}


  • 2019-12-03 16:33:49

    hapi,nuxtjs跨域请求

    简单请求 与 预检请求,Fetch 与 CORS 的一个有趣的特性是,可以基于 HTTP cookies 和 HTTP 认证信息发送身份凭证。一般而言,对于跨域 XMLHttpRequest 或 Fetch 请求,浏览器不会发送身份凭证信息。如果要发送凭证信息,需要设置 XMLHttpRequest 的某个特殊标志位。

  • 2019-12-03 16:36:03

    跨域资源共享 CORS 详解

    阮一峰大哥的文章写的不错,推荐,也推荐他的整个王章,大家可以去看一下啊。

  • 2019-12-03 16:37:01

    去除options,减少options的访问

    因为跨域请求,浏览器可能(后面讲)会发送一次options请求,如果处理不好,跨域还是会gg的。 之前很少涉及跨域,涉及也是简单请求(下面阮老师文章中区别热简单请求和复杂请求),所以基本不会很少关注options。后面就遇到坑了,下面讲讲注意点。

  • 2019-12-04 10:46:26

    nuxt.js项目中全局捕获异常并生成错误日志全过程

     需求:客户在使用过程中页面报错时,可以生成错误记录传回服务器,以便改进。   步骤:     一.全局捕获异常,     二.发送到服务端,     三.生成错误日志。   一.全局捕获异常 如图,vue提供了errorHandle这个方法来处理全局异常,更多详细内容参见官网。

  • 2019-12-04 10:47:59

    nuxt.js项目中全局捕获异常并生成错误日志全过程

     需求:客户在使用过程中页面报错时,可以生成错误记录传回服务器,以便改进。   步骤:     一.全局捕获异常,     二.发送到服务端,     三.生成错误日志。   一.全局捕获异常 如图,vue提供了errorHandle这个方法来处理全局异常,更多详细内容参见官网。

  • 2019-12-04 10:48:18

    vue 项目资源文件 static 和 assets 不说区别直接使用?

    assets中资源会webpack构建压缩到你代码中,而static文件直接引用。 static 中长存放类包、插件等第三方的文件,assets里放属资源文件比如自己资源图片、css文件、js文件。 引入资源的方式static文件夹可以使用~/static/方式引入, assets文件夹可以使用 ~@/assets 方式引入