如何配置 Laravel Mix 来访问本地网络中的站点？

Question

我有一个 Laravel/React 项目，正在我的主计算机上使用 Valet 运行，地址为

https://mysite.test

，我按照 docs 在我的本地网络中共享它。

在同一个网络中，我可以通过

https://192.168.0.10/mysite.test

访问它，它会加载 html，但我收到所有资源的 404 错误。

问题似乎在于它正在尝试加载类似

https://192.168.0.10/js/app.js

而不是

https://192.168.0.10/mysite.test/js/app.js

的文件。

这就是 webpack.mix.js 的样子：

const mix = require('laravel-mix');


mix
  .js('resources/js/app.js', 'public/js')
  .react()
  .options({ processCssUrls: false });


const host = 'mysite.test';
const homedir = require('os').homedir();

mix.browserSync({
  proxy: `https://${host}`,
  host,
  port: 8000,
  open: 'external',
  https: {
    key: `${homedir}/.config/valet/Certificates/${host}.key`,
    cert: `${homedir}/.config/valet/Certificates/${host}.crt`
  }
});

Answer 1

const mix = require('laravel-mix');

mix.setPublicPath('public/mysite.test')
   .js('resources/js/app.js', 'js').react()
   .options({ processCssUrls: false });

const host = 'mysite.test';
const homedir = require('os').homedir();

mix.browserSync({
  proxy: `https://${host}`,
  host,
  port: 8000,
  open: 'external',
  https: {
    key: `${homedir}/.config/valet/Certificates/${host}.key`,
    cert: `${homedir}/.config/valet/Certificates/${host}.crt`
  }
});