Question

在我的个人资料中，图像完美显示，但是在控制台中出现以下错误。如果我尝试从公用文件夹访问图像，则不会显示错误，但是，如果我尝试从图像文件夹访问该图像，则该文件夹显示子错误。自4天以来，任何人都可以帮助我解决此问题解决方案，但我没有找到任何解决方案，但他会很高兴。

禁止访问！您无权访问所请求的   目录。没有索引文件或目录是   具有读保护。

如果您认为这是服务器错误，请与网站管理员联系。

错误403 admin-cms.me Apache / 2.4.39（Win64）OpenSSL / 1.0.2s PHP / 7.1.31

我的API代码是：

Route::get('profile','API\UserController@profile');

我的控制器代码为：

 public function profile()
    {
        //
        return auth('api')->user();
    }

我的数据和方法代码为：

  data() {
    return {
      users: {},
      form: new Form({
        id: "",
        name: "",
        email: "",
        password: "",
        type: "",
        bio: "",
        photo: ""
      })
    };
  },

methods: {
    getProfilePhoto() {
      return "image/" + this.form.photo;
    }

我在profile.vue中的HTML代码是：

<div class="widget-user-image">
            <img class="img-circle" :src="getProfilePhoto()" alt="User Avatar" />
          </div>

Answer 1

确定this.form.photo被调用时有一个值吗？

错误消息：

没有索引文档，或者目录受到了读保护

让我认为getProfilePhoto()返回getProfilePhoto()会导致图像目录试图被索引。

一种选择是仅使用'image/' + ''显示this.form.photo有值的个人资料照片：

v-if

Answer 2

权限可能有问题，您是否可以访问公用目录，如果可以，请检查权限？即：

ls -li public

现在检查www-data或nginx是否具有对您的image文件夹的允许读取访问权限。

403从公共/图像文件夹加载图像时禁止laravle vuejs xampp

2 个答案: