Vue.js 画像指定 404not found

Question

####問題
ローカル環境では画像が表示されるが、本番環境でエラー

###該当箇所
Vu.jsで以下のように画像指定を行なっています
画像表示はスライド形式で自動で画像が切り替わります
参考

画像の置き場所
assets > images

window.onload=function(){
  new Vue({
    el: '#app',
    data: {
      current_slide: 0,
      slides: [
        {img: "/assets/81573810.jpeg"},
        {img: "/assets/ball.jpg"},
        {img: "/assets/thumb_ground.jpg"},
        {img: "/assets/thumb_front.jpg"},
        {img: "/assets/mykosien.JPG"}
      ],
    },
    mounted() {
      setInterval(() => {
        this.current_slide = this.current_slide < this.slides.length -1 ? this.current_slide +1 : 0
      }, 3000)
    }
  })
};

###エラー

81573810.jpeg:1 GET http://54.168.63.207/assets/81573810.jpeg 404 (Not Found)
5枚分エラー

Network確認

Request URL: http:/ /XXX/assets/81573810.jpeg
Request Method: GET
Status Code: 404 Not Found

ローカルと本番環境では画像の置き場所が違うので、エラーが起きる？と推測してみましたがいい情報が入手できませんでした。
よろしくお願いします

Answer 1

assets配下ではなく、public配下に画像を移動させました

app > assets > images >　画像
から
public > images > 画像

よって

     slides: [
        {img: "/images/81573810.jpeg"},
        {img: "/images/ball.jpg"},
        {img: "/images/thumb_ground.jpg"},
        {img: "/images/thumb_front.jpg"},
        {img: "/images/mykosien.JPG"}
      ],

javascriptで画像を処理する場合は、public配下が良いみたいです