javascript - 如何在特定路径上的反向代理后面托管 webpack 应用程序?
问题描述
我有一个在 Caddy 服务器后面运行的 webpack 应用程序,我正在尝试对其进行设置,以便该应用程序在 example.com/app 上运行。我相信我已经正确配置了 Caddy 来执行此操作(使用“不带 /app”),并且更改我的 index.html 以将 main.js 称为 app/main.js 非常简单。但是,webpack 生成的所有内部引用(例如块等)都不知道设置。我查看了 webpack 代理和 publicPath 选项,但它们似乎并不是我所需要的。我确信这是一个非常常见的场景,但对我来说如何做到这一点并不明显。
解决方案
显然publicPath
确实是答案:
output: {
publicPath: '/app/',
}
我很困惑,因为当我查看捆绑文件时,网址似乎没有被修改。Webpack 必须在幕后做一些其他的黑魔法才能使其工作。
推荐阅读
- python - 如果任何列返回匹配项,则在将记录分组在一起的多个列上使用 GROUP BY
- sdl - SDL_GetWindowID 总是返回 1
- powershell - 在 Powershell 6.0 中为变量设置默认值的优雅方式?
- google-cloud-platform - 如何通过覆盖 Cloud Dataproc 上的 log4j.properties 文件来限制 pyspark 中的错误?
- swift - UITableView 后面的 MKMapView
- python - 克服python中的opencv CV_IO_MAX_IMAGE_PIXELS限制
- php - 如何在 laravel 5.8 中将变量传递给路由?
- python-3.x - 在 MatplotLib Python 中更改网格单元格大小
- ms-access - 如何为 64 位 office 重新编译 32 位 MS Access 文件
- javascript - 使用 Open Weather API 时如何利用存储在变量中的国家代码?