浏览器控制台获取一个网页的HTML
当我们在开发工程化的前端项目时，常常会遇到需要SEO的问题，因为常用的NextJS和NuxtJS框架中区分了客户端组件和服务端组件，所以我们经常需要考虑到一些页面在被搜索引擎爬取时能否获取到带有数据的页面，所以我们可以使用以下方法粗略查看：// 请求指定网站并打印文本内容 async function fetchPageAsText(url) { try { const respons
一些运维相关的问题
location / { try_files $uri $uri/ /index.php?$query_string; }这段 Nginx 配置的作用是定义根路径 (/) 下的请求处理方式，通过 try_files 指令来判断和匹配请求的资源，并决定如何响应。下面是逐部分解析：配置说明location / { try_files $uri $uri/ /index.php?$que
vim操作命令大全
Vim 操作大全操作类别操作命令/快捷键模式切换从普通模式切换到插入模式i (在光标前插入) / I (行首插入) 从插入模式切换到普通模式Esc 从普通模式切换到命令模式: 从命令模式切换到普通模式Enter光标移动向上移动一行k 向下移动一行j 向左移动一个字符h 向右移动一个字符l 移动到行首0 移动到行尾$ 移动到文件开始gg 移动到文件结尾G文本编辑删除当前字符x 删除光标后一个单词dw
程序员必备英文
git相关提交内容英文中文解释Update third-party dependencies更新第三方依赖版本Build frontend assets前台打包Refactor the structure of the project重构项目结构Improve the performance of XX page优化XX页面性能Enhance the user interface of XX pa
macOS获取本机外网IP
curl ifconfig.me curl ipinfo.io/ip
如何在React中使用iconify-json图标
前景提要iconify图表库涵盖了超多图片，是一个超级图标库官网地址开始安装依赖和你需要的图标集npm install @iconify/react @iconify/json npm install @iconify-json/mdi基础使用import React from 'react'; import { Icon } from '@iconify/react'; import mdiIc
查看路由器外网IP
macOScurl ifconfig.me
宝塔面板webhook配置
#!/bin/bash # ========================== #【使用说明】 # 修改正确项目路径后根据前端项目配置打包和重启命令即可 # ========================== # 1. 切换到项目目录并拉取最新的代码 echo "切换到项目目录并拉取最新代码..." su - www -c "git -C /www/wwwro
代码收藏
<script setup lang="ts"> import { ref, computed, onMounted } from 'vue' import type { CSSProperties } from 'vue' import { debounce, useEventListener, useMutationObserver } from '../uti
随手记：一些Vue或Nuxt的Axios封装
虽然Nuxt3自带$fetch，但某些特定场景比如需要上传进度的文件上传功能需要用到axios标准函数方法，可能不适用于nuxt// utils/http.ts import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig, } from 'axi