Trong file của mình đang có đoạn code sau: 

document.addEventListener('DOMContentLoaded',()=>{
    $.get('http://127.0.0.1:8000/api/manganh_api',(res)=>{
        let manganh2 = res.datac2
        let html =''
        manganh2.forEach(element => {
            html+="<tr><td>"+element.MANGANH_C1+"</td><td>"+element.MANGANH_C2+"</td><td>"+element.MANGANH_C3+"</td><td>"+element.MANGANH_C4+"</td><td>"+element.MANGANH_C5+"</td><td>"+element.MANGANH_TEN+"</td></tr>"
        });
    $('.manganh-list-total table tbody').html(html)
})
})

Các bạn thấy là mình đang thực hiện trên localhost. Khi mình chuyển sang server hosting thi các đường dẫn của Api sẽ thay đổi dẫn đến bị lỗi và phải thay đổi.

Việc thay đổi thủ công sẽ rất mất nhiều thời gian và phương án mình xử lý như sau:

let base_url = window.location.origin;
document.addEventListener('DOMContentLoaded',()=>{
    $.get(base_url+'/api/manganh_api',(res)=>{
        let manganh2 = res.datac2
        let html =''
        manganh2.forEach(element => {
            html+="<tr><td>"+element.MANGANH_C1+"</td><td>"+element.MANGANH_C2+"</td><td>"+element.MANGANH_C3+"</td><td>"+element.MANGANH_C4+"</td><td>"+element.MANGANH_C5+"</td><td>"+element.MANGANH_TEN+"</td></tr>"
        });
       
    $('.manganh-list-total table tbody').html(html)
})
})

Vậy là từ nay mình vô tư chuyển lại giữa các môi trường mà không cần phải sửa lại đường dẫn. Các bạn thử console.log() xem nó là cái gì để hiểu thêm

console.log(base_url)

Các bạn cho ý kiến các phương án khác nhé!