apache - 部署 Vue 应用程序，无法访问 API

Question

我有一个 Mint VM，其中包含一个 Vue 应用程序和一个 API（带有 2 个数据库，一个 MySQL 和一个 MongoDB）。我正在尝试使用 Apache 从我的网络外部访问该应用程序。我还将路由器上的 80 端口转发到我的 Mint VM。所以任何访问 109.XXX.XXX.XXX（路由器 IP）的人都会被重定向到 Vue 应用程序。

我已经使用npm run build了，并将dist文件夹的内容复制到/var/www/MyProject.com/public_html. 我的/etc/apache2/site-availables/000-default.conf文件如下所示：

<VirtualHost *:80>

    ErrorLog ${APACHE_LOG_DIR}/error.log
    CustomLog ${APACHE_LOG_DIR}/access.log combined

    DocumentRoot "/var/www/MyProject.com/public_html"
    <Directory "/var/www/MyProject.com/public_html">
            Options Indexes FollowSymLinks
            AllowOverride All
            Require all granted
    </Directory>
</VirtualHost>

• 从我的虚拟机，如果我访问 109.XXX.XXX.XXX，API 正在工作，我可以登录到 Vue 应用程序。
• 在任何其他计算机上，如果我访问 109.XXX.XXX.XXX，API 将无法正常工作，并且POST http://localhost:3000/users/login/ net::ERR_CONNECTION_REFUSED当我尝试登录时控制台会返回错误消息。

也许这与我在仍然使用的 Vue 应用程序中的请求有关localhost？

标签： apachevue.jsvirtual-machine