在vue中更改基本URL（基于“pwa”和“webpack-simple”模板的应用程序）

Question

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

描述

我必须使用IP 10.0.0.1

在专用网络服务器上查看应用程序

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

所以它看起来像这样：

• RELEASE（应用程序的dist版本）：

  • https：// mydomain。 com / myapp / - ＆gt; http：// 10.0.0.1:1000/myapp /
  • https：// mydomain。 com / mypwa / - ＆gt; http：// 10.0.0.1:2000/mypwa /
  • https：// mydomain。 com / myapi / - ＆gt;另一个Web服务器上的某些API（API的发行版）

• 开发（具有实时重新加载的开发服务器）：

  • https：// temp。 mydomain。 com / myapp / - ＆gt; http：// 10.0.0.1:1001/myapp /
  • https：// temp。 mydomain。 com / mypwa / - ＆gt; http：// 10.0.0.1:1001/mypwa /
  • https：// temp。 mydomain。 com / myapi / - ＆gt;另一个Web服务器上的某些API（API的开发版本）

我需要的帮助

1. 我需要知道如何设置vue应用及其webpack配置以适用于上述场景。

   • 这意味着为dist build和dev-server更改/basepath/应用程序的内容
   • （我已经知道热重载/热替换的基本URL无法更改，因为它是硬编码的，所以我们可以跳过它）

2. 我在this post on Vue Forum 下添加了更多详细信息和准确说明。

   • 我已经找到了＆＃34; webpack-simple＆＃34;的答案。模板，但＆＃34; pwa＆＃34;模板似乎太难了，所以请帮忙。

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