4

我使用浏览器同步来提供我的本地开发站点。我也在使用 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 中可以正常工作，并在地址栏上显示“安全”

4

1 回答 1

5

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

于 2020-01-27T14:24:26.770 回答