django websocket 實現后台日志在web端展示（+前端vue設置）

核心代碼：

@accept_websocket
def get_log(req):
    if req.is_websocket():
        print('收到websocket請求')
        with open(settings.LOG_FILE, 'r', encoding='UTF-8') as f:
            log_length = len(f.readlines())
            time.sleep(1)
        while True:
            with open(settings.LOG_FILE, 'r', encoding='UTF-8') as f:
                contents = f.readlines()
                length_tmp = len(contents)
            for i in range(log_length, length_tmp):
                req.websocket.send(contents[i].encode('utf-8'))
            log_length = length_tmp
            time.sleep(1)

效果：

 

參考：

https://www.cnblogs.com/sui776265233/p/10176275.html#_labelTop

--------2019/07/25 補充vue采坑--------

vue端不能像原生js那么寫：

原生js寫法：