总结前端接接口的方式
要实现前端调用后端接口,可以通过多种方式来进行。以下是几种常见且高效的方法来实现你的需求: 方法一:使用 axios 发送 HTTP 请求axios 是一个非常流行的 HTTP 请求库,支持 Promise API,可以方便地进行网络请求。 安装 axios 首先,确保你已经安装了 axios,如果没有,可以通过 npm 安装: npm install axios Vue 3 中调用接口 在 Vue 3 中,你可以在 <script setup> 中直接引入 axios 并调用后端接口。以下是一个示例: <template> <div> <ul v-if="authors.length"> <li v-for="author in authors" :key="author.author_id"> <img :src="author.avatar" alt="avatar" /> <div>{{ author.name...
验证请求头、登陆与认证
前端请求头前端调用后端接口时,通常需要配置请求头(Headers),这些头信息用于身份验证、跨域控制、数据格式定义等。 1.HTTP 请求头的作用HTTP 请求头(Request Headers)是客户端(浏览器、前端应用)发送 HTTP 请求时,附加的键值对信息。 作用包括: 身份认证(Authorization):携带 Token 让后端识别用户身份 数据格式声明(Content-Type / Accept):告诉服务器要发送什么格式的数据、希望返回什么格式的数据 安全性(Referer / Origin):限制请求来源,防止 CSRF 攻击 性能优化(Cache-Control):控制缓存策略,减少不必要的网络请求 跨域请求控制(Access-Control-Allow-Origin):后端允许特定域访问资源 2. 常见的请求头字段 请求头字段 作用 示例值 Authorization 认证 Token Bearer...
前端首屏渲染优化:完整实战指南
首屏加载性能直接影响用户的第一印象、留存率和转化率。根据数据,页面加载超过3秒会导致超过40%的用户流失。本文提供全面、实用的首屏优化技术方案,从性能指标到实战案例,帮助你构建高效流畅的用户体验。 一、性能关键指标优化首屏渲染前,需先了解核心性能指标: 指标 描述 理想值 FCP (First Contentful Paint) 首次显示内容时间,即”白屏时间” <1.8秒 Speed Index 可视内容显示速度,衡量”首屏时间” <3.4秒 TTI (Time To Interactive) 页面可交互时间 <3.8秒 LCP (Largest Contentful Paint) 最大内容渲染时间 <2.5秒 Lighthouse Performance Score Chrome浏览器性能评分 >90分 性能调试工具 Chrome DevTools...
markdown表情
将对应emoji表情的符号码复制后输入你的markdown文本即可显示emoji表情。如:blush:,显示为😊 参考 Complete list of github markdown emoji markup 常用的: 🐾 :feet: 💭 :thought_balloon: 👊 :punch: 💩 :shit: 😊 :blush: ❤️ :heart: ✌️ :v: 💧 :droplet: ☀️ :sunny: 🌐 :globe_with_meridians: 🌗 :last_quarter_moon: 🌍 :earth_africa: ⛅️ :partly_sunny: 💻 :computer: 📁 :file_folder: ✒️ :black_nib: 📝 :pencil: ⚠️ :warning: 🔴 :red_circle: ⭕️ :o: ✔️ :heavy_check_mark: 🚦 :vertical_traffic_light: 在线检索下面介绍一些线上检测标签图标的工具 1...
DeepSeek部署
本地部署DeepSeek-R1安装Ollama到官网Download Ollama on Windows选择你电脑的系统进行下载Ollama应用 下载完毕之后点击双击安装,很简单一直下一步(Next)就可以了 下载模型安装完毕之后,在官网deepseek-r1搜索deepseek-r1模型 可以选择版本,大家可以根据自己的显卡内存进行选择,当然是所需要内容越大,深度思考的算力就越大(671b是最接近联网使用的) 其实安装32b、70b就够用了,如果显存不匹配会回复的很卡顿的(我电脑是8g显存,那基本使用7b、8b就极限当然也是最合适的了) 选择好之后复制命令 在所安装Ollama的目录文件的终端中复制执行命令 简单的使用在安装好之后就可以进行交流了,以后进入终端就可以也是继续输入该命令进入聊天了 ollama run deepseek-r1:8b # 像使用哪个模型就改一下 使用ollama list命令能够列出你安装过的模型 在webUI上体验在Chrome浏览器上安装一个Page Assist的插件 可以通过终端来下载安装 准备工作: Node.js: 用于运行...
将数据库、后端接口部署到云服务器上
将自己的数据库和后端接口上传到自己的云服务器肯定是最好玩和必须要学会的啦,下面我就带着大家完成接数据库和接口在云服务器上的部署 数据库导出本地数据库文件首先先将自己的数据库表导出来,我使用的是Navicat,(有破解版的噢!!) 然后导出的文件,要把他放到你的服务器那里去,可以xhtp,如果你的云服务器是宝塔等方便的话,直接上传哈。我放的路径是root/data/,顺便放,最好文件夹命名啥的有些意义。【要记住文件的绝对路径!!】 安装mysql然后打开你的Xshell(你的云服务器都有终端的吧,不用Xshell也行的) 进入服务器终端,先下载mysql 这个你可以自行去搜索自己服务器内核版本的方法哈 我的是CentOs 删除旧版 MariaDB(如果有) yum remove mariadb-libs -y 添加 MySQL 官方 Yum 仓库 wget https://dev.mysql.com/get/mysql80-community-release-el7-7.noarch.rpm # 下载YUM 仓库源配置包 rpm -ivh...
Hugo+Github Pages搭建个人博客
一 前言# 诶诶,说是github page加hugo能搭建个人博客,那究竟这些是啥工具还是软件呀 那就去了解呗,了解学习这些技术,不懂就去查就去问。加油! 首先看看hugo吧#hugo是什么?#Hugo 是一个用 Go 语言编写的静态网站生成器。 什么是静态网站?#静态网站是指使用固定数量的由 HTML、CSS 和 JavaScript 组成的预置文件来提供页面的网站。 静态网站没有后台服务器端处理,也没有数据库。与静态网站相关的任何 “动态” 功能都是在客户端执行的,这意味着代码是在访问者的浏览器中而不是在服务器上执行的。 用非技术术语来说,这意味着您的主机将网站文件发送到访问者的浏览器上,与这些文件在服务器上的显示完全一致。 更重要的是,每一位访问者的浏览器都会收到相同的静态文件,这就意味着访问者会获得完全相同的体验,看到完全相同的内容。 什么是动态网站?#动态网站是指由服务器端控制并依赖于某种脚本语言(如...
自己动手使用云服务器
在这个信息化飞速发展的时代,云计算已经成为技术发展的重要基石。从个人网站到企业级应用,云服务器(VPS)几乎无处不在。作为一个喜欢折腾的技术爱好者,我决定亲自动手,去体验一次从零到一的云服务器搭建之旅。 但究竟什么是云服务器呢? 简单来说,它就是一台运行在云端的虚拟计算机。你可以把它想象成一台远程的电脑,你可以通过网络连接它,在上面安装软件、存储数据、运行应用,就像使用自己的电脑一样。但与物理服务器不同的是,云服务器可以根据你的需求灵活地调整配置,按需付费,极大地降低了使用成本。 这次的目标很简单:购买一台云服务器,完成基本环境搭建,并部署一个实际可用的应用。 域名(可以选的)首先买一个域名,我就到阿里云去买了一个,新人有优惠放心买 为什么是可以选的呢?其实直接访问我们云服务器的ip地址也能访问到我们的服务器,当然有域名的话会好很多 在使用云服务器时,域名(Domain Name)是一个不可忽视的重要部分。相比直接使用服务器的 IP 地址,域名不仅更易记忆,还能通过...
VuePress + Github Pages 搭建个人博客
先贴一下成果链接,这个是我的学习博客 https://klaypeter.github.io/learning-share/ 0. VuePress快速开始同 VuePress 官网: 1. 本地搭建 创建并进入一个新目录 // 文件名自定义 mkdir vuepress-starter && cd vuepress-starter 使用你喜欢的包管理器进行初始化 yarn init # npm init 将 VuePress 安装为本地依赖 yarn add -D vuepress # npm install -D vuepress 创建你的第一篇文档,VuePress 会以 docs 为文档根目录,所以这个 README.md 相当于主页: mkdir docs && echo '# Hello VuePress' > docs/README.md 在 package.json 中添加一些 scripts { "scripts": { "docs:dev": "vuepress dev...
细说图床&&搭建自己的图床
图床是什么?图床其实是互联网中存储图片的空间,举个栗子: 假设你在微博分享一张图片,你的粉丝可以通过互联网看到你分享的图片,那么他是去访问你的手机的相册吗?其实不是的,你分享图片,也就是把图片上传到微博的服务器,微博将为你生成一个独一无二的访问链接,这个链接指向的空间其实就是图床。 为什么要用图床?因为像我一样热爱在网上分享博客的人,需要使用图床来进行表达。使用图床的人通常采用Markdown的方式去编辑文字。 有什么直接去使用的图床? PicGo - 免费图床,贴出分享,图显不凡 这个应该很稳定 Hello图床 - 免费图片上传-图片外链-免费公共图床 其他自己去找找 自己搭建一个属于自己博客使用Github + JsDelivr Github更稳定,配置起来也还是很方便 一 首先新建一个公开仓库: 生成token令牌 其中的token是十分重要的,我来带大家生成一下这个token 1.在自己的头像选择setting—» Developer setting —» Personal access tokens —-» token( classic ) ——»...