herokuにデプロイした環境でaxiosのget/postが500errorになり動かない

Question

ローカル環境では正常に動くのに、herokuにデプロイした後の環境で動かず原因がわからず困っています。

• Effortというモデルを作っている。
• root にアクセスすると、VUEのmountedライフサイクルでPostとGetが開始される
• が、デプロイ後環境だと500error。データが作られず、読み込まれない。

---

EffortのAPIモデル

class Api::V1::EffortsController < ApiController
  before_action :set_effort, only: [:show,:update]
  before_action :correct_user, only: [:show,:update]

  # ActiveRecordのレコードが見つからなければ404 not foundを応答する
  rescue_from ActiveRecord::RecordNotFound do |exception|
    render json: { error: '404 not found' }, status: 404
  end

  def index
    efforts = Effort.where(user: current_user).order("created_at ASC").limit(1)
    render json: efforts
  end

  def show
    render json: @effort
  end

  def create
   effort = Effort.new(effort_params)
    if effort.save
      render json: effort, status: :created
    else
      render json: { errors: effort.errors.full_messages }, status: :unprocessable_entity
    end
  end

  def update
    if @effort.update_attributes(effort_params)
      head :no_content
    else
      render json: { errors: @effort.errors.full_messages }, status: :unprocessable_entity
    end
  end

  private

    def set_effort
      @effort = Effort.find(params[:id])
    end

    def effort_params
      params.fetch(:effort, {}).permit(:change, :keep, :challenge, :influence,:surround, :endofyear).merge({ user: current_user })
    end

    def correct_user
      effort = Effort.find(params[:id])
      if current_user != effort.user
        redirect_to :root
      end
    end

    def render_status_404(exception)
      render json: { errors: [exception] }, status: 404
    end

    def render_status_500(exception)
      render json: { errors: [exception] }, status: 500
    end

    
end

▼ Indexページ

• このページにアクセスすると、scrpitのmountedに記載されているaxiosのGet/Postが発火されて、データ作成→データ表示される設計
• ローカルだとうまくいくが、デプロイした後だとうまくいかない・・・・

<template>
  <div id="app">
    <div class="wrapper">
    <Header></Header>
    <div class="index_wrapper">
        <div class="title">
          <h2>3ステップで<br>好奇心と出会おう</h2>
          <p>目標を立てる３テップを用意しました。<br>
全てやってもいいし、気になるところだけでも。気持ちが向くものからどうぞ。</p>
        </div>
        <div class="section_contents">
          <ul v-on:click="createLookback"  class="content_wrapper">
              <li class="content _lookback">
              <router-link :to="{name:'OpMonth'}">
                <div class="img">
                  <img v-bind:src="require('./packs/images/note_lookback.png')">
                </div>
                <div class="text">
                  <span>PHASE 1</span>
                  <h3>今年を振り返る</h3>
                  <!-- <p>今年を振り返りどんな１年だったかを明らかにしましょう。</p> -->
                </div>
              </router-link>
              </li>

            <li v-for="e in effort" :key="e.id"  class="content _interest">
              <router-link :to="{ name: 'Effort', params: { user_id:e.user_id, id:e.id } }">
              <div class="img">
                <img v-bind:src="require('./packs/images/note_interest.png')">
              </div>
              <div class="text">
                <span>PHASE 2</span>
                <h3>取り組みたいことを挙げる</h3>
                <!-- <p>変えたいこと、挑戦したいこと。今の自分がうっすらと感じていることを明らかにします。</p> -->
              </div>
              </router-link>
            </li>
            
            <li class="content _goalset">
              <router-link :to="{ name: 'OpGoal'}">
              <div class="img">
                <img v-bind:src="require('./packs/images/note_goalset.png')">
              </div>
              <div class="text">
                <span>PHASE 3</span>
                <h3>2020年の目標を立てる</h3>
                <!-- <p>新しい年を生きるためのイメージを明確にしてみましょう。</p> -->
              </div>
              </router-link>
            </li>
          </ul>
        </div>
    </div>
    <div>
    </div>
    <Footer></Footer>

    </div>
  </div>
</template>


<script>
import axios from 'axios';

import Header from "./packs/components/header.vue";
import Footer from "./packs/components/footer.vue";

export default {
  components: {
    Header,
    Footer
  },
  data: function() {
    return {
      effort:[],
      message: "",
      info:null,
    };
  },
   mounted(){
     axios
      .post('/api/v1/efforts', this.effort)
      .then(response => {
        this.$router.push({ name: 'Index'})
      });
    axios
      .get('/api/v1/efforts.json')
      .then(response => (this.effort = response.data))
  },
  methods:{
    createLookback: function(){
      axios
      .post('/api/v1/lbmonths', this.lbmonths);
      axios
      .post('/api/v1/lbreflections', this.lbreflections);
      axios
      .post('/api/v1/lbcuriosities', this.lbcuriosities)
    }
  },
};
</script>

<style lang="scss" scoped>
省略

</style>