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

Question

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

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

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

mysite.dev从一个站点到另一个站点的变化，我有很多本地开发站点正在工作。

当我运行 npm start浏览器同步输出:

[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 中运行良好，并在地址栏上显示“安全”

Answer 1

如果您使用 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”。