如何使用 Vue 和 Laravel 访问另一个 docker 卷文件？

Question

我正在 docker 上运行一个 Vue & Laravel 项目。

Project structure and everything about the setup

首先，我正在尝试在服务器上上传图片。
如果我在没有 docker 的情况下运行这个项目，它将按计划运行（文件正在上传到服务器上并且可以访问）。
但是，如果我用 docker 运行这个项目，它会抛出一个错误（找不到目录）。

重要说明：我猜这可能会发生，因为我正在处理后端的文件（laravel 控制器，代码在下面）。所以它只能访问后端卷。

它试图在前端卷中定位一个文件，但它无法访问它。
那么，问题来了：如何访问该卷？

文件控制器：

    public function uploadFile (Request $request) {
        # Processing to base64
        $exploded = explode(',', $request->image_data);
        $decoded = base64_decode($exploded[1]);

        # Configuring the extension
        $extension = strtok(explode('/', $exploded[0])[1], ';');

        # Defining the path
        $path = '../../'.'frontend'.'/'.'src'.'/'.'assets'.'/'.'img'.'/'.'files'.'/'.$request->file_name;

        # Uploading file to the storage
        file_put_contents($path, $decoded);
    }

Answer 1

你的路径

$path = '../../'.'frontend'.'/'.'src'.'/'.'assets'.'/'.'img'.'/'.'files'.'/'.$request->file_name;

往上走两步，然后进入frontend 目录。但是您的backend 容器中没有这样的目录。

backend:
  volumes:
    - ./backend:/app
    - ./etc/php:/usr/local/etc/php/local.conf.d/

最后两行将bakend 和etc/php 挂载在后端容器内。如您所见，没有前端，因此您在主机上使用的路径将不起作用。再添加一行来修复它：

backend:
  volumes:
    - ./backend:/app
    - ./etc/php:/usr/local/etc/php/local.conf.d/
    - ./frontend:/frontend  # this line

这将使前端目录出现在/frontend，这应该足以修复它。