代码服务器（docker）和nuxt.js / javascript 404

Question

设置：我在家庭局域网上的 fritzBox 后面使用了一个自托管代码服务器（dockerized）。我有一个 FQDN (mysub.mydomain.com) 指向一个 dyndns (mysdyn.my-router.com)，其中包含一个 cname 条目，该条目最终位于 fritzBox 上，端口通过 nginx 反向代理转发到 docker 机器，启用了 LetsEnbeld。

code-server 工作正常，可以通过 mysub.mydomain.com 获得。使用 live-server 插件可以很好地工作@code-server，并且可以通过 mysub.mydomain.com/proxy/3000/ 访问（3000 是一个示例端口）。热重载和 Javascript 可以工作。

问题：在 nuxt.js 项目（通用）上工作，当我运行“yarn dev”时，开发服务器正常启动，可以通过 mysub.mydomain.com/proxy/3000/ 访问该页面并显示正确。但是“热重载”以及所有 java 脚本都不起作用，因为所有 .js 文件都会出现 404 错误。

浏览器正在查找以下所有 .js 文件： https://mysub.mydomain.com/_nuxt/runtime.js这会正确导致404，因为正确的位置将是https://mysub.mydomain.com/proxy/3000/_nuxt/runtime.js

造成此行为的原因是什么以及如何解决此问题？我什至不知道从哪里开始。 Nginx 还是 Nuxt？我已经尝试使用 config.nuxt.js 中的路由器设置 - 没有运气。

感谢您的帮助！

Answer 1

那么，

mysub.mydomain.com/proxy/3000/

是 Nginx 配置背后的托管网站吗？
如果是这样的话，你就不能使用

yarn dev

。此命令针对本地开发服务器。

您无法通过某些 DNS、反向代理、端口转发等在托管生产应用程序上运行 HMR。或者至少，这就是我们的目标。

即使通过

code-server

进行热重载也不是主流。所以是的，你也许可以尝试一些 hacky 的东西并实现它，但你最终仍然会遇到很多错误，并且性能可能会低于标准。
您不想坚持使用一些本地运行的应用程序吗？