hasyrails / calendar-vue-original

0 stars 0 forks source link

117_user_image_update_axios / ユーザーアイコン更新をaxios化する #247

Closed hasyrails closed 4 years ago

hasyrails commented 4 years ago

Rails5 + devise token authで作る 認証API

hasyrails commented 4 years ago

朗報

// Mutations
userInfo(state, payload) {
          // state.user = {
          //   "user": payload
          // }
          state.user = payload.data

        },

// Actions
userInfo({state, commit}){
            axios
            .get('/api/whoami', {
              headers: {
                header: state.headers
              }
            })
            .then(function (response) {
              commit('userInfo', response.data);
            }
            )
          },

とするとstate.userのデータ型が

{ "id": 1, "email": "hoge@mail.com", "uid": "hoge@mail.com", "allow_password_change": false, "name": "hoge", "nickname": null, "image": "hogehoge" }

になり不要なネストがなくなる

→ リファクタリングに使える

hasyrails commented 4 years ago

画像更新フォームで送る型だとエラー?

Image from Gyazo

Cookie OverFlow??

Image from Gyazo

hasyrails commented 4 years ago

Cookie Overflowを解消する

Cookie overflow in rails application?/satck overflow

rake コマンド実行できず

rake db:sessions:create

Rails5で同様のことをするには

rails 4.0, rake db:sessions:create

gem 'activerecord-session_store',

を使用する

hasyrails commented 4 years ago

bundule install でエラー

ERROR:  While executing gem ... (Gem::RemoteFetcher::UnknownHostError)
    timed out (https://rubygems.org/specs.4.8.gz)

Rails5 で bundle install が失敗する件

wgetをインストール

Mac - wgetコマンドをインストール(使えるようにする)

wget インストール完了

hostの追記

最終行に追記するとのこと macでhosts設定の手順。開発中はDNSに関係なく特定のサーバーを閲覧! / kawatama.net