遇到一個功能點，需要遍歷 中傳入的vnode，在每個vnode外面套個div再渲染出來。找了半天怎么用<template>把vnode渲染出來。 參考文章：https://s...
IP屬地：廣東
-
Vue3 在template中渲染vnode
-
自便，注明出處即可。
踩了Chrome85修改referer策略的坑
一個內(nèi)部使用的網(wǎng)盤系統(tǒng)，同事反饋登錄進系統(tǒng)后頁面一直在反復(fù)刷新，url上的登錄token也在瘋狂變化。很明顯是因為后臺沒有成功判斷到用戶已經(jīng)登錄，導(dǎo)致頁面一直跳轉(zhuǎn)到登錄授權(quán)服...
-
Typescript里enum枚舉類型動態(tài)取值有時候我們在寫代碼時，會有根據(jù)傳入的值來轉(zhuǎn)換成對應(yīng)的數(shù)據(jù)這種情況，比如： 像這種根據(jù)對象的key值來取對應(yīng)的值，在ts里，如果key值類型多樣，也會用枚舉之類的來處理，但是直...
-
Access-Control-Allow-Headers: * 的坑
開發(fā)的時候遇到跨域問題，以為設(shè)置了Access-Control-Allow-Headers可以一勞永逸，結(jié)果在 iOS12 還是出現(xiàn)了跨域問題，連上電腦調(diào)試才發(fā)現(xiàn) Cache...
-
HMR 熱重載 module.hot.accept回調(diào)不調(diào)用的原因。
如果你使用了module.hot.accept，發(fā)現(xiàn)監(jiān)聽的example.js變化后，雖然會執(zhí)行熱重載，但是回調(diào)卻沒有調(diào)用。有可能是因為監(jiān)聽的文件沒有被使用到。只有把要監(jiān)聽的...
-
@Jafir 前端在req.headers從請求頭上獲取用戶真實ip，再把ip傳給后臺，不知道有沒有回答到你的問題= =。
nuxt+nginx獲取用戶真實ip
最近的nuxt業(yè)務(wù)有個需求是為了防止非法爬蟲爬取數(shù)據(jù)，需要對用戶ip做一個判斷，如果是非法爬蟲就返回一個空白頁面。判斷用戶ip這個過程是通過接口去判斷的，本地開發(fā)獲取用戶ip...
-
這個項目是一個web頁面，客戶端就是瀏覽器。外網(wǎng)IP應(yīng)該是有辦法在nginx這一層獲取到的，具體可能要問下公司的運維大佬了。
nuxt+nginx獲取用戶真實ip
最近的nuxt業(yè)務(wù)有個需求是為了防止非法爬蟲爬取數(shù)據(jù)，需要對用戶ip做一個判斷，如果是非法爬蟲就返回一個空白頁面。判斷用戶ip這個過程是通過接口去判斷的，本地開發(fā)獲取用戶ip...
-
video.js 自定義全屏按鈕，解決全屏彈幕被遮擋問題
需求說明：使用video.js播放視頻，要求點擊全屏按鈕的時候，彈幕可以跟視頻一起全屏。 看起來是個很簡單的需求，直覺上只要在全屏后，只要讓彈幕的z-index高過全屏的視頻...
-
端口號是在nuxt.config.js指定的。
PM2 + Nuxt 的正確啟動姿勢與零停機部署
npm run start 是錯誤的啟動方式 之前踩了一個坑，在ecosystem.config.js直接配置了``npm run start```作為PM2 啟動 Nuxt...
-
對多進程部署的一次感受
因為之前出了一個線上部署了404鏈接的小事故，組內(nèi)決定在原有的定時監(jiān)控上加一個“每10分鐘檢測一次線上404次數(shù)”的告警。 因為監(jiān)控的數(shù)據(jù)都是通過clickhouse存儲，所...
-
踩了Chrome85修改referer策略的坑
一個內(nèi)部使用的網(wǎng)盤系統(tǒng)，同事反饋登錄進系統(tǒng)后頁面一直在反復(fù)刷新，url上的登錄token也在瘋狂變化。很明顯是因為后臺沒有成功判斷到用戶已經(jīng)登錄，導(dǎo)致頁面一直跳轉(zhuǎn)到登錄授權(quán)服...
-
PM2 使用腳本啟動了進程，用pm2 list卻看不到進程
今天部署一個項目的時候，使用了腳本在機器上啟動了項目，但是上去機器上，用sudo pm2 ls查看的時候，卻發(fā)現(xiàn)返回的進程列表是空的。但是項目又真的已經(jīng)啟動且可訪問?，F(xiàn)象就是...
-
前端安全問題實戰(zhàn)
之前公司的安全組掃出了我們官網(wǎng)的幾個安全漏洞。安全問題對很多前端來說都是只聽過，沒見過。這次遇到了真實對漏洞，可以做個記錄。 存儲型XSS漏洞 XSS，跨站腳本攻擊。存儲型X...
-
用環(huán)境變量在nuxt.config.js區(qū)分一下開發(fā)生產(chǎn)環(huán)境。
使用nuxt-winson-log打印nuxt日志與日志分級
最近開發(fā)nuxt需要在nuxt上打點日志，以便將來排查問題。看到了一款nuxt-winson-log[%5Bhttps://github.com/aaronransley/n...
-
PM2 + Nuxt 的正確啟動姿勢與零停機部署
npm run start 是錯誤的啟動方式 之前踩了一個坑，在ecosystem.config.js直接配置了``npm run start```作為PM2 啟動 Nuxt...
-
nuxt+nginx獲取用戶真實ip
最近的nuxt業(yè)務(wù)有個需求是為了防止非法爬蟲爬取數(shù)據(jù)，需要對用戶ip做一個判斷，如果是非法爬蟲就返回一個空白頁面。判斷用戶ip這個過程是通過接口去判斷的，本地開發(fā)獲取用戶ip...
-
使用nuxt-winson-log打印nuxt日志與日志分級
最近開發(fā)nuxt需要在nuxt上打點日志，以便將來排查問題?？吹搅艘豢頽uxt-winson-log[%5Bhttps://github.com/aaronransley/n...
-
iphone下設(shè)置user-select:none導(dǎo)致input輸入框無法輸入
開發(fā)一個多人合作的頁面的時候，新增了一個input輸入框，調(diào)試的時候發(fā)現(xiàn)輸入框在iphone下可以調(diào)起輸入框，但是敲鍵盤并沒有文字輸出。 經(jīng)過一頓排查，發(fā)現(xiàn)是有代碼設(shè)置了us...