概述
为了满足公司对安全的需求,同时也符合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 ,然后重启浏览器
- 开发者安装了新版本的cabin-service-cli之后,无需进行额外的配置,直接通过
yarn dev
就可以启动dev-server的http和https的服务,其中https以443端口打开,不支持配置
- 启动服务后,打开调试的url ,修改调试连接为https,同时把debug的指向改为https,并将域名改为localhost,同时不要忘了去掉端口号(如果有)
- 打开控制台,找到报错的请求,双击打开。
- 选择哪个仍然前往
- 回到调试页面,刷新,页面可以正常访问
非cabinx项目
- 打开chrome输入
chrome://flags/#allow-insecure-localhost
指定项切换为enable ,然后重启浏览器
- 记住自己dev-server的指向,如之前未安装,则忽略
更新最新的cabin-cli
npm install cabin-cli -g
指定dev-server的根目录,因为重新安装cabin-cli后,之前的配置会丢失
- 启动cabin-dev-server
- 启动服务后,打开调试的url ,修改调试连接为https,同时把debug的指向改为https,并将域名改为localhost,同时不要忘了去掉端口号(如果有)
- 打开控制台,找到报错的请求,双击打开。
- 选择仍然前往
- 回到调试页面,刷新,页面可以正常访问