- 综合排序
- 最热优先
- 最新优先
- 来自专栏Coooooooooode！（前端）
Nuxt3 基于H3做后台接口
Nuxt3实现接口 Nuxt3 是使用node做ssr页面渲染的， 自带了H3 可以对接口进行处理。 Nuxt3 自动扫描 ~/server/api,~/server/routes,~/server/middleware目录中的文件，进行注册对应的接口 目录结构 即目录结构为↓，访问/api/login 就是接口的返回内容 这里需要注意，如果我们即使用代理，又要使用nuxt3来写接口的话，在代理时不可以使用api作为代理名称，否则访问就会被代理到对应地址。 id return { msg: `请求的是 ${id}的详情信息` } }) node出了可以直接链接数据库做后台接口，还可以使用node作为中间层，在服务端请求别的接口，处理数据后返回给页面 id=${id}`) return res }) 服务端获取参数方法（全部是nuxt封装好了的） 在 defineEventHandler 的方法中使用 此中event 是defineEventHandler
2K41编辑于 2023-11-24 - 来自专栏前端开发随笔
Nuxt引用@nuxtjsproxy代理接口
npm install @nuxtjs/proxy -D nuxt.config.js进行配置 modules: [ '@nuxtjs/proxy', ], axios: { ws: true, changOrigin: true, pathRewrite: { "^/api": "" } } }, 调用接口就可以看到被代理的地址
1K10发布于 2021-07-13 - 来自专栏超超不会飞
Node.js 使用 RSA 做加密
详细的原理可以参考以下文档： RSA算法原理（一） RSA算法原理（二） node-rsa 在 node.js 中使用 rsa 算法，我们使用的是 node-rsa 这个包。 const NodeRSA = require('node-rsa'); const a_public_key_data = '-----BEGIN PUBLIC KEY----- ... = a_public_key.verify(text, decrypted, 'utf8', 'base64'); console.log('A 公钥验签:', verify); serialize 接口传递的一般是复杂的对象 ) + '=' + encodeURIComponent(obj[key])); } }); return str.join('&'); }; 注意 RSA 算法有一定的计算量，加上 Node 当接口被频繁调用可能会占用主线程，阻塞其他接口，使用了 RSA 的接口并发量会下降十倍左右。如非必要，谨慎在 Node 里使用 RSA。
7K21发布于 2020-09-18 - 来自专栏random
如何选择正确的Node框架：Next, Nuxt, Nest?
简介 在上一篇文章中，我探讨了三种最流行的Node框架:Express、Koa和Hapi的区别、优点和缺点。在这篇文章中，我们将研究另外三种非常流行的框架之间的区别:Next、Nuxt和Nest。 则是高于其他俩个 社区活跃度 贡献者数量：678 Pull Requests: 3,029 社区相当活跃 Nuxt Nuxt是一个基于Vue的通用应用框架，预设了利用Vue开发服务端渲染的应用所需要的各种配置 create-nuxt-app // 确保安装了npx（npx在NPM版本5.2.0默认安装了） npx create-nuxt-app <项目名> 它会让你进行一些选择:在集成的服务器端框架如 社区活跃 贡献者数量：191 Pull Requests：1,385 Nest Nest是一个渐进式Node框架,深受Angular的启发。用于构建高效，可扩展的Node.服务器端应用程序的框架。 服务引擎盖默认使用Express但也提供与各种其他库的兼容性，例如Fastify，允许轻松使用可用的无数第三方插件 安装 nest提供cli使用该cli命令安装Nest并创建新项目 npm
6.2K20发布于 2019-09-10 - 来自专栏伤心的辣条
如何使用postman做接口测试
本章主要介绍如何使用postman做接口测试。 "整体"单位，运行、导出、分享等都是基于请求集的 ①新建请求集：New按钮-->Collection 或 直接点击请求集列表上方的新建请求集按钮 授权：请求集及其子文件夹下的接口统一使用该授权，不用每个接口再都单独设置一遍 环境变量使用方法: 选择环境,在请求URL或者请求Body里使用{undefined{变量名}}来使用环境变量，变量可以在请求Body的各种格式中使用，但不能直接在请求前脚本(Pre-request Script 支持JSON/XML格式(后面可选择) ；binary：二进制格式，用于发送二进制数据流 Pre-request Script：请求前脚本，Javascript语法，用于在发送请求前生成一些动态数据或做一些处理 （add requests）如登录，选择POST方法，填入URL，请求数据，URL的host使用配置的环境变量，请求数据使用变量做参数化，本地新建参数化文件备用 ②设置断言 ③Runner配置 1、
2K10编辑于 2022-09-08 - 来自专栏Nuxt.js 实战系列
Nuxt3 实战 (十)：使用 Supabase 实现 RESTful 风格 API 接口
前言 本篇文章我们来使用 Supabase 实现 RESTful 风格的 API 接口，以此来实现网站分类和子站点的 CURD 功能。 category_id uuid 所属分类 id url text 站点 url logo text 站点 logo tags text 站点标签 sort int2 排序 这里需要注意的是，因为 Supabase 使用的是 这里以 ds_websites 表为例，前台需要实现 CURD 功能，为此我们把接口设计成 RESTful 风格： 接口 Methods 备注 /api/websites Get 读取 /api/websites Post 新增 /api/websites Put 更新 /api/websites Delete 删除 前端实现 阅读 Nuxt3 中文文档，我们可以在 server/api 目录下新增接口。 ，自己可以根据实际情况修改，具体的数据库操作文档可参考： Supabase API DOCS 效果预览 总结 本篇文章我们学到了以下知识： Nuxt3 如何创建接口并调用 Supabase 数据库的基本操作和表的创建
75310编辑于 2025-08-14 - 来自专栏淡定的博客
Nuxt基本安装与使用
Nuxt 是基于 nodejs + vue 写的，服务器端渲染 框架（SSR） 安装 安装node.js 设置node使用淘宝镜像 npm install -g nrm nrm use taobao 使用 npm 安装 vue-cli npm install -g vue-cli 安装nuxt项目 vue init nuxt-community/starter-template 项目名称 在渲染每个页面时，都会使用这个 defaults.vue 文件做为布局文件 如果希望页面使用其它的布局文件可以在页面中使用 layout 来设置：<template>
页面不存在
应用发生错误异常
<nuxt-link to= limit=10 pages/order/_catid/_userid.vue 使用 this.$route 中的 params 和 query 来分别接收两种参数。5.4K30发布于 2018-09-06来自专栏淡定的博客Nuxt基本安装与使用
Nuxt 是基于 nodejs + vue 写的，服务器端渲染 框架（SSR） 安装 安装node.js 设置node使用淘宝镜像 npm install -g nrm nrm use taobao 使用 npm 安装 vue-cli npm install -g vue-cli 安装nuxt项目 vue init nuxt-community/starter-template 项目名称 在渲染每个页面时，都会使用这个 defaults.vue 文件做为布局文件 如果希望页面使用其它的布局文件可以在页面中使用 layout 来设置：<template>
页面不存在
应用发生错误异常
<nuxt-link to= limit=10 pages/order/_catid/_userid.vue 使用 this.$route 中的 params 和 query 来分别接收两种参数。1.2K40发布于 2018-12-27来自专栏ElixirNode 接口的方法
Node 接口的方法 Node.appendChild() appendChild方法接受一个节点对象作为参数，将其作为最后一个子节点，插入当前节点。该方法的返回值就是插入文档的子节点。 var p = document.createElement('p'); document.body.appendChild(p); Node.hasChildNodes() hasChildNodes document.getElementById('foo'); if (foo.hasChildNodes()) { foo.removeChild(foo.childNodes[0]); } Node.cloneNode var insertedNode = parentNode.insertBefore(newNode, referenceNode); Node.removeChild() removeChild方法接受一个子节点作为参数 var divA = document.getElementById('A'); divA.parentNode.removeChild(divA); Node.replaceChild() replaceChild
43220编辑于 2022-10-31</swiper> swagger接口测试成功 ： 前端定义接口： 新建api目录，在api目录里新建banner.js文件 import request from "@/utils/request"; export default {来自专栏TomNuxt项目中使用VueAwesomeSwiper
swiper的版本和你的vue版本是否对应，不然铁定踩坑，本人就是这么过来的 然后就是安装，这里我们安装3.1.3版本的 npm install vue-awesome-swiper@3.1.3 然后在nuxt 项目的plugins文件夹中新建文件： nuxt-swpier-plugin.js 然后键入以下内容： import Vue from 'vue' import VueAwesomeSwiper from Vue.use(VueAwesomeSwiper, /* { default options with global component } */) 上述内容就是对swiper的一个全局注册 然后我们就可以使用了 button-next">
1.1K30编辑于 2022-11-21来自专栏startvue使用nuxt.js详情
Nuxt.js 的使用方法 下面介绍如何使用 Nuxt.js 创建一个简单的服务端渲染的应用程序。 1. 安装 Nuxt.js 在开始之前，您需要在本地安装 Node.js 和 NPM。 安装 Nuxt.js 可以使用 NPM 或 Yarn： npm install nuxt # 或者 yarn add nuxt 2. 创建一个 Nuxt.js 应用程序 使用 npx 命令创建一个新的 Nuxt.js 应用程序： npx create-nuxt-app my-app 在创建过程中，您需要回答一些问题，例如选择使用哪种包管理器 使用布局 在 Nuxt.js 中，您可以使用布局来定义应用程序的共同结构。默认情况下，Nuxt.js 会在 layouts 目录下查找布局文件。 在本文中，我们介绍了 Nuxt.js 的基本概念和使用方法，并提供了一些示例代码。希望这篇文章可以帮助您开始使用 Nuxt.js 构建更出色的 Vue.js 应用程序。
56310编辑于 2024-03-20来自专栏后端技术如何 nuxt 集成使用 element-ui
segmentfault.com/q/1010000007871843 安装element-ui npm install --save element-ui // npm i element-ui -S 修改nuxt.config.js theme-default/index.css' // 全部引用的时候需要用到 ] 创建～plugins/element-ui.js import Vue from 'vue' // 全部引用，此时需要在nuxt.config.js
1.7K40发布于 2019-05-25来自专栏小程序·云开发专栏如何使用webify快速构建Nuxt应用
模版创建 地址：https://cloud.tencent.com/product/webify 首先进入Web应用托管平台，点击「新建应用」，选择从模版创建，选择Nuxt.js 选择Git平台，并填写好仓库名称后
1.1K20发布于 2021-09-29来自专栏Vue源码 & 前端进阶体系【Node】接口测试用例
测试用例重要性无需多言，保障接口质量，避免发布引起的现网事故，拒绝背锅 另外我们平常调试接口都是使用postman之类的，接口调试用例无法沉淀，自己构造自己用，别人无法共用，所以接口用例的持久化也很有必要 ://httpyac.github.io/ 安装 1、安装npm包 npm install -g httpyac 2、安装vscode 插件 httpYac - Rest Client，安装了之后才会使用接口用例 如果设置的变量只为某一个用例使用，那么需要用 ### 隔开 上一个用例 比如像这样 如果你没有使用 ### 隔开上一个用例，那么这个变量无效 发送请求会报错找不到变量 而且这个### 你不能加任何东西 ### 隔开上一个请求用例，否则脚本无效 断言脚本 通常我们是用脚本来做断言的，判断请求是否成功，像这样 ### GET http://test.com/json/1212 HTTP/1.1 {{ 接口，所以说在 发送 aaa 之前，会先发送 bbb 接口 这里默认会缓存 bbb 的响应结果，免得每次都需要发送两条接口 如果你不想用到缓存，可以暴力引用 forceRef # @name json
1.2K20编辑于 2022-05-25来自专栏前端开发随笔Nuxt使用keep-alive页面缓存
-- 缓存特定的组件 --> <nuxt keep-alive :keep-alive-props="{ include: ['index']}" /> </template> 需要在页面进行命名
2.4K10发布于 2021-01-26来自专栏Python乱炖requests做接口测试
⑤head请求：requests.head("url/get") ⑥options请求：requests.options("url/get") 三、get请求 传递url参数 在get请求中，允许使用 pageIndex=1&pageSize=10 ps:不使用params的话，也可在请求中输入全部的地址，效果相同，如： r=requests.get(‘http://m.xxxxx.com/api/v2 除了可以对dick编码后以string的方式传递参数外，还可以直接使用json关键字直接传递，在传递时会自行进行编码为string类型 import requests #不需要导入 3.响应内容编码格式 在获取响应内容的时候，可以使用r.encoding来查看相应内容的编码格式 import requests r=requests.get(url) print(r.encoding ) -----结果----- UTF-8 也可以进行指定编码,当改变了编码方式是后，每次获取响应内容，都会使用新的编码方式（建议在所有情况下都使用utf-8，如果你对编码一点都不了解，那使用utf-8
98530发布于 2019-09-23来自专栏python3docker封装nuxt项目使用jenkins发布
一、概述 vue项目可以打一个dist静态资源包，直接使用Nginx发布即可。 但是nuxt项目无法像vue那样，可以打一个dist静态资源包。 需要安装Node.js，并使用npm install 安装依赖包才行。 现在由于要上docker，需要将nuxt项目和nojs.js依赖包打成一个镜像才行。 /nuxt_web/nuxt_base/code/package.json是用来存放nuxt项目需要的依赖包列表，使用npm install，就会安装package.json里面列举的依赖包。 拷贝到 nuxt项目根目录，使用命令构建 docker build -t nuxt_web:v1 . 新建job 新建一个job，名字为：test_nuxt，使用自由风格 ? 源码管理 ? 执行shell脚本 ?
1.9K31发布于 2020-04-01来自专栏前端开发随笔Nuxt使用vant导航栏组件tabbar
按照我之前在vue/cli配置方法 发现watch事件刷新页面没有执行，而在vue/cli却执行 我也不想nuxt是什么原因、机制导致的 直接换种思路 组件components/tabbar.vue
1.3K30发布于 2021-01-21来自专栏nuxtNuxt.js的介绍和使用
1.安装使用npxnpx create-nuxt-app xxx使用yarnyarn create nuxt-app <项目名>安装选项Project name
31620编辑于 2023-10-18来自专栏Python 自动化Python 如何使用 HttpRunner 做接口自动化测试
其中， 单元测试是对软件的最小可测试单元进行检查和验证，也是产生效率最大的一项测试 接口服务测试分为模块接口测试和协议接口测试 UI 测试主要是为了取代人力操作，通过 UI 自动化去模拟操作，降低回归测试的成本 、Postman、Jmeter、RobotFramework 等 本篇文章将和大家一起聊聊 HttpRunner 做接口自动化的流程 2.介绍及安装 HttpRunner 是一款完全由 Python 在测试脚本中轻松实现复杂的动态计算逻辑 集成 jmespath，方便提取变量、验证 JSON 响应 集成 pytest，支持大量的插件 集成 allure 生成强大的测试报告 集成 locust，非常方便做性能测试 httprunner -V 命令可以查看 HttpRunner 的版本信息 4.小试牛刀 先通过一个简单的接口聊聊 HttpRunner 的使用步骤 目标接口 - GET： https://postman-echo.com foo1=bar1 第一步：抓包，保存为 HAR 文件 打开 Charles 或 Fiddler，配置 Chrome 浏览器的代理， 使 Charles 可以对浏览器进行抓包 使用 Chrome 访问这个接口地址
2.5K20发布于 2020-09-22
腾讯云开发者
