@binchanhkun99 kiểu như này ấy bác

<span v-for="item in jobinfos" :key="item.id">
    {{  momentTime(item.created_at)  }}
</span>

@dangcq17 tức là trên view em tạo ra 1 cái sự kiện kiểu @click="momentTime(item.create_at)" à bác? >_>

@binchanhkun99 em đang thấy là bác để init data của jobinfos là mảng mà trong computed bác trỏ như thế là không được rồi vì nó không phải object. Nếu bác chỉ đơn giản là hiển thị lên view thì bác để trong methods xong trên view bác v-for rồi truyền từng thằng jobinfor vào hàm đó là được.

@dangcq17 code e hơi luộm thuộm bác có thể xem qua và hỗ trợ là e vui r =))

import "../assets/style.css";
import "../assets/job.css";
import request from "@/utils/request";
import moment from "moment";
export default {
  name: "jobs",
  components: {},
  data() {
    return {
      totalJobs: null,
      tickTime: "",
      currentPage: 1,
      perPage: 4,
      checks: ["All", "Developer", "Tester", "Designer", "Support"],
      jobinfos: [],
      showJobs: [],
      selected: "All",
    };
  },
  computed: {
    //Pagination
    jobs() {
      return this.showJobs.slice(
        (this.currentPage - 1) * this.perPage,
        this.currentPage * this.perPage
      );
    },
    rows() {
      return this.showJobs.length;
    },

    //bad code, fix later
   momentTime() {
      return (moment(this.jobinfos.created_at)
        .fromNow(true));
    },
  },
  watch: {
    // selected(newVal) {
    //   if (newVal === "All") {
    //     return this.jobinfos;
    //   } else {
    //     return this.jobinfos.filter((i) => i.Genres === newVal);
    //   }
    // },
        
  },

  async mounted() {
      this.getJobs();
     
   // event enter
    var self = this;
    window.addEventListener("keyup", function (event) {
      if (event.keyCode === 13) {
        self.searchJob();
      }
    });
  },
  methods: {
    async getJobs() {
      await request
        .get(
          `jobs`
        )
        .then((response) => {
          this.jobinfos = response.data;
          this.showJobs = response.data;
          this.totalJobs = response.data.length;
           
        })
        .catch((e) => {});
    },


  },
};

@binchanhkun99 bac đưa code lên em xem thử nó lỗi ở đâu. Không thì bác log ra thằng data sau khi call bằng axios về debug xem

@dangcq17 vâng bác có vẻ như nó ko đọc đc thằng jobinfos bác ạ... em call api ở methods r mới qua mouted để cho chạy cái methods đó, em thử log thằng this.jobinfos.created_at thì ra undefine

@binchanhkun99 em test được mà bác

var now = moment('2022-08-22T02:30:17.313Z').fromNow();
console.log(now);

@dangcq17 nó dạng ntn bác ạ :3 có khi nào e lại lú ko ta kiểu ntn chắc thằng moment nó không hiểu r chắc phải convert nữa hay ntn bác nhỉ? "createdAt": "2022-07-25T02:30:17.313Z",

@binchanhkun99 bác gửi e dữ liệu created_at xem nó ntn

Em có fix theo bác r nhưng ngày create time của em hơn 1 tháng r nó vẫn hiện 15 hour ago bác ạ, em không biết như thế nào nữa nhưng cứ qua 24hour nó lên 1 day là dc á bác :V

hay quá anh ạ ~~ tks anh vì bài viết chất lượng

Cảm ơn bạn vì đã góp ý nha, mình sẽ update thêm vào bài viết

@maitrungduc1410 Cảm ơn bạn😁

@ZeroOne bạn xem bài chạy docker container với non-root user của mình nhé. Mình khuyến khích chạy với non-root user để tăng tính bảo mật cho container của bạn, nhưng nó cũng sẽ khó hơn nếu bạn chưa thực sự thành thục Docker

@maitrungduc1410 cảm ơn bạn. Cho mình hỏi thêm nữa là nếu mình muốn đặt user trong dockerfile thì mình nên đặt nó như nào

@kiendev are you sure ))

Làm đủ các bước tới cấu hình file haproxy.cfg xong thì nó báo backend backend_rancher has no server available! Check log thì báo như thế này. ai biết do gì chỉ em với

thắc mắc đã dc giải đáp

@tonghoangvu nếu có nhiều bean implements Engine thì nó dựa vào đâu để inject bean tương ứng vậy ah?

@tonghoangvu cảm ơn ad.