Laravel Vuejs 实战：开发知乎 （42-44）用户头像

1.组件式上传头像vue组件：

安装扩展包:vue-image-crop-upload 或者 Vue Avatar Cropper 【 我用的这个，暂时弃坑，需要加一个csrftoken 】

执行：

   
   
    
      1 npm i vue-avatar-cropper
   
   

   
   
    
      1 npm install & npm run watch-poll
   
   

使用vue-image-crop-upload：

执行：

  1 npm install vue-image-crop-upload

  1 npm run watch-poll

路由：

添加：

  1 #region
  2 //访问用户详细页面
  3 
  4 Route::get('/avatar', 'UserController@avatar')->name('users.avatar');
  5 
  6 #endregion
  7 

执行：

  1 php artisan make:controller UserController

增加UserContoller.php，代码如下：

增加视图文件：\views\users\_avatar.blade.php:

vue组件：

app.js：

再增加一个route处理上传：