Webpack 更改vue中的基本URL（基于“；pwa”；和“；网页包简单”；模板的应用程序）

我需要一些帮助，在一个域（它们与其他应用程序共享的域）上的反向http代理后面设置两个vue应用程序（基于网页包），因为每个应用程序的URL中应有不同的/base/。

---

说明

我必须在IP为10.0.0.1的专用网络服务器上vue应用程序

• 第一个应用程序“myapp”基于vue“webpack simple”模板-我希望它位于/myapp/基本URL下
• 第二个应用程序基于vue“pwa”模板“mypwa”，我希望它位于/mypwa/基本URL下

所以看起来是这样的：

• 发布（应用程序的dist版本）：
  • https://mydomain。com/myapp/->http://10.0.0.1:1000/myapp/
  • https://mydomain。com/mypwa/->http://10.0.0.1:2000/mypwa/
  • https://mydomain。com/myapi/->另一个web服务器上的某些API（API的发布版本）
• 开发（使用实时重新加载的开发服务器）：
  • https://temp。我的域名。com/myapp/->http://10.0.0.1:1001/myapp/
  • https://temp。我的域名。com/mypwa/->http://10.0.0.1:1001/mypwa/
  • https://temp。我的域名。com/myapi/->另一个web服务器上的某些API（API的开发版本）

---

我在这里需要的帮助

我需要知道如何设置vue应用程序及其网页包配置以适用于上述场景

• 这意味着为dist构建和dev服务器更改应用程序内容的

  /basepath/

• （我已经知道热重新加载/热替换的基本URL无法更改，因为它是硬编码的，所以我们可以跳过它）

我在下提供了更多详细信息和精确描述

• 我已经找到了“webpack simple”模板的答案，但是“pwa”模板似乎太难了，所以请帮忙

我知道如何配置nginx反向代理，包括websockets，所以我不需要帮助

---

是否使用vue路由器？@imcvampire是的，“pwa”模板已包含vue路由器。我还将vue router添加到我的“webpack simple”应用程序中，在重新设置为/somebaseurl/后，它运行良好。无论如何，我并不担心vue router，因为——据我所知——它在#后面的部分运行，但我在#之前谈论了一切，即我需要正确加载所有资产和内容。到目前为止，我制作了一款基于“webpack simple”的应用程序，一切都正常（事实上非常简单），但仍然不在基于“pwa”的应用程序中。我在我的论坛更新帖子#2（OP中的链接）中描述了这一点。你是否使用

vue路由器

？@imcvampire是的，“pwa”模板已经包括vue路由器。我还将vue router添加到我的“webpack simple”应用程序中，在重新设置为/somebaseurl/后，它运行良好。无论如何，我并不担心vue router，因为——据我所知——它在#后面的部分运行，但我在#之前谈论了一切，即我需要正确加载所有资产和内容。到目前为止，我制作了一款基于“webpack simple”的应用程序，一切都正常（事实上非常简单），但仍然不在基于“pwa”的应用程序中。我在我的论坛更新帖子#2中描述了这一点（OP中的链接）