跳到主要内容
https常见问题
cabinconfig.js 是在项目级别上控制 cabinx-cli 编译行为的配置文件。

概述

为了满足公司对安全的需求,同时也符合cabinx自身框架的特点,cabin-dev-server 在cabin-service-cli 的0.5.419版本以后,开始支持通过https访问资源

目前,给开发服务器安装的ssl证书是自签名证书,所以他的颁发机构(CA)并不合法,既无法在浏览器里直接使用,需要开发者在对浏览器进行一些配置

注意:

1.墙裂建议使用localhost作为本地服务器的域名 2.此方案暂不支持手机端调试 3.不支持远端调试

cabinx项目

  • 打开chrome输入 chrome://flags/#allow-insecure-localhost 指定项切换为enable ,然后重启浏览器

配置chrome

  • 开发者安装了新版本的cabin-service-cli之后,无需进行额外的配置,直接通过 yarn dev 就可以启动dev-server的http和https的服务,其中https以443端口打开,不支持配置

日志

  • 启动服务后,打开调试的url ,修改调试连接为https,同时把debug的指向改为https,并将域名改为localhost,同时不要忘了去掉端口号(如果有)

配置chrome

  • 打开控制台,找到报错的请求,双击打开。

找到报错的请求

  • 选择哪个仍然前往

继续前往

  • 回到调试页面,刷新,页面可以正常访问

非cabinx项目

  • 打开chrome输入 chrome://flags/#allow-insecure-localhost 指定项切换为enable ,然后重启浏览器

配置chrome

  • 记住自己dev-server的指向,如之前未安装,则忽略

记住自己dev-server的指向

  • 更新最新的cabin-cli npm install cabin-cli -g

  • 指定dev-server的根目录,因为重新安装cabin-cli后,之前的配置会丢失

指定dev-server的根目录

  • 启动cabin-dev-server

启动cabin-dev-server

  • 启动服务后,打开调试的url ,修改调试连接为https,同时把debug的指向改为https,并将域名改为localhost,同时不要忘了去掉端口号(如果有)

配置chrome

  • 打开控制台,找到报错的请求,双击打开。

找到报错的请求

  • 选择仍然前往

继续前往

  • 回到调试页面,刷新,页面可以正常访问