node.js - 浏览器同步和代客安全

我使用浏览器同步来提供我的本地开发站点。我也在使用 Laravel Valet。当我使用 valet secure 通过 https 为开发站点提供服务时，我得到了那些丑陋的 Chrome 隐私错误页面。有没有办法阻止这种情况？

我的浏览器同步配置如下:

browserSync.init({
        host: "https://mysite.dev",
        proxy: "https://mysite.dev",
        ...

mysite.dev 从站点到站点更改，我有很多本地开发站点我正在处理。

当我运行 npm start browser-sync 时输出:

[BS] Proxying: https://mysite.dev
[BS] Access URLs:
------------------------------------------
      Local: https://localhost:3000
   External: https://https://mysite.dev:3000
 ------------------------------------------
         UI: http://localhost:3001
UI External: http://https:3001

如您所见，它正确映射了 URL，如果我忽略 Chrome 隐私错误警告，我可以很好地看到该网站。我只是想知道为什么 https 无法正常工作。

如果我在没有浏览器同步 https://mysite.dev 端口的情况下访问 :3000，它在 Chrome 中工作正常，并在地址栏上显示“安全”

最佳答案

如果您正在使用 valet secure 并希望 browserSync 与您的测试域很好地配合，这里有一个片段，可以确保它安全而不会出现任何错误:

// At the top of you webpack.mix.js file
const domain = 'yourdomain.test'; // <= EDIT THIS
const homedir = require('os').homedir();

// The mix script:
mix.browserSync({
      proxy: 'https://' + domain,
      host: domain,
      open: 'external',
      https: {
        key: homedir + '/.valet/Certificates/' + domain + '.key',
        cert: homedir + '/.valet/Certificates/' + domain + '.crt',
      },
  })

在 npm run watch 上，这将加载带有有效证书的“https://yourdomain.test:3000”。

关于node.js - 浏览器同步和代客安全，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44055083/