gpt4 book ai didi

通过https gulp-livereload?

转载 作者:行者123 更新时间:2023-12-04 02:17:00 25 4
gpt4 key购买 nike

我一直在使用 livereload chrome 扩展,它插入了 http://[...]/livereload.js到文档中。不幸的是,我正在开发一个需要 https 的项目,我希望在本地复制它,但我不必这样做,因为我可以为不同的环境更改协议(protocol),但我想知道是否可以设置 gulp -livereload 改为通过 https 加载?

我尝试了一些事情,例如手动添加脚本但没有成功,因为我收到连接错误 (GET https://127.0.0.1:35729/livereload.js?snipver=1 net::ERR_CONNECTION_CLOSED):

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://127.0.0.1:35729/livereload.js?snipver=1';
document.getElementsByTagName('body')[0].appendChild(script)

最佳答案

我想到了两种解决方案:

1.自己托管客户端

https://github.com/livereload/livereload-js

将其安装为依赖项:

bower install livereload-js --save-dev

或者
npm install livereload-js --save

然后就像包含常规脚本一样包含它。然而 be aware of these caveats .
/path/to/dist/livereload.js?host=localhost

2.代理客户端脚本

这是相当复杂的,但它肯定会奏效。在您的 gulpfile 中创建一个 HTTPS 服务器(可能在 watch 任务中)。

https://github.com/nodejitsu/node-http-proxy

https://github.com/nodejitsu/node-http-proxy#using-https
httpProxy.createServer({
ssl: {
key: fs.readFileSync('valid-ssl-key.pem', 'utf8'),
cert: fs.readFileSync('valid-ssl-cert.pem', 'utf8')
},
target: 'https://localhost:35729',
secure: true // Depends on your needs, could be false.
}).listen(443);

然后您可以引用代理脚本。
https://127.0.0.1:443/livereload.js?snipver=1

关于通过https gulp-livereload?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29819517/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com