axios-ts axios ts
axios中使用qs.stringify格式化get请求参数
安装使用: 安装: npm install qs 引入使用: // 引入封装的 request.js import request from "@/utils/request"; import qs from "qs"; export function getXXX(params) { return ......
ts 文件 eslint - disable no-var
什么是ESLint? - 知乎 (zhihu.com) ESLint 是 JavaScript 代码检查工具。 它可以配和 VS Code 的 ESLint 插件来提示代并修复码格式错误,也可以在命令行使用,比如执行 eslint. --fix 来检查并修复代码格式。 ESLint 也可通过插件来配 ......
TS踩坑
1、*.d.ts文件中声明了命名空间,但是在页面中用的时候提示“找不到该命名空间” 解决方案: 切记:不要给命名空间加export 【注】1、*.d.ts文件顶级声明declare最好不要跟export同级使用,不然在其他需要引用这个*.d.ts的内容的时候,就需要手动import引入了 2、*.d ......
axios发送get、post请求
1.环境安装 //nodejs环境 //npm install axios 2.axios发送get请求 const axios = require('axios') const url = "xxx.xxx.xxx"; const headers = {} axios.get(url, {head ......
vue3 + element-plus 的 upload + axios + django 文件上传并保存
之前在网上搜了好多教程,一直没有找到合适自己的,要么只有前端部分没有后端,要么就是写的不是很明白。所以还得靠自己摸索出来后,来此记录一下整个过程。 其实就是不要用默认的 action,要手动实现上传方式 http-request,然后再传给后端进行各种操作了 这里隐藏了文件展示列表 展示了上传文件的 ......
关于前端的vue3框架遇到的一些问题.前后端分页和js,ts进行编写时的区别
分页有两种形式,一种是前端进行分页,一种是后端进行分页 前端分页: 1. 在普通js写法中,需要有默认函数,在函数内进行编写功能实现比如以下代码: export default { data() { return { tableData: [], page: 1, limit: 10, total: ......
axios简易封装
import axios from 'axios' import qs from 'qs' const rootUrl = "http://localhost:5139/Dev/" function https(url, method, data, params, success, err) { a ......
uni-app+vue3+ts项目搭建完整流程
项目代码同步更新至码云 uni-vue3-ts-template 开发前准备 利用 uni-app 开发,有两种方法: 通过 HBuilderX 创建(需安装 HBuilderX 编辑器) 通过命令行创建(需安装 NodeJS 环境),推荐使用 vscode 编辑器 这里我们使用第2种方法,这两种方 ......
ajax和axios区别及优缺点
先上总结: axios和ajax的区别:二者都为我们用户提供了浏览器客户端向服务器发送请求和获取资源的功能。关系可以理解为 axios = ajax + http,其中 ajax支持客户端请求资源(比如浏览器),http 用于服务端请求资源(比如 Node.js等服务器)。axios是通过Promi ......
TS自动轮播图
App开发中经常用到这种轮播图组件。 最近在做Vue商城类的应用时正好用到,整理记录一下一遍后续使用。主要逻辑就是通过定时器间隔一定时间移动显示内容到对应位置改变offset,需要特殊处理的地方是滚动到最后一页时,把首页拼接到后边,下一次滚动时滚到第一页然后重置,形成循环往复自动播放。本组件还添加了 ......
微信小程序 ts npm
以 ts 构建的微信小程序项目,如何安装npm呢? npm 直接在项目根路径下,按照平时的习惯创建就可以了,比如我想引入day js npm i dayjs 但是这种情况下,直接直接用会出错,即使ts提示正常 import dayjs from "dayjs"; const str=dayjs(). ......
一个报错深刻理解axios传参和mock拦截(外加正则表达式)
前言:事情是这样的,在使用axios二次封装和mock进行拦截的时候,不是参数传递方式不正确就是找不到后端接口,为此我茶不思饭不想把axios和mock好好看了一遍,最后除了这些问题,发现是输在了正则表达式上面,找出错误的时候自己都懵了 axioa传参问题 总所周知,我们在平时使用axios的时候是 ......
TS MQTT封装
TS MQTT封装 导入相关包 npm i mqtt npm i lodash guid 随机生成就行,具体可以参考百度或者随便生成一个随机数* 代码封装 import mqtt from 'mqtt' import type { MqttClient, OnMessageCallback, ICl ......
vue3+ts打开echarts的正确方式
实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在 ......
【Angular】在vscode中,某些库接口,如SimpleChanges,没有导入,鼠标移上去,ts语言功能没有快速修复选项,如何能够恢复快速修复功能?
It appears that until recently (before TypeScript 4 release) the only way to make auto-imports work was to import each library you need at least once ......
ts构建编译选项-tsconfig.json
概述 如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。 一个项目可以通过以下方式之一来编译: 使用tsconfig.json 不带任何输入文件的情况下调用tsc, ......
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
axios之基本封装
1. axios实例 安装axios库 npm install axios or yarn add axiosor CDN <script src="https://unpkg.com/axios/dist/axios.min.js"></script> // 引入 import axios fro ......
vscode打开vue3,报红,ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ,自动推荐安装了 Vue Language Feature(Volar),但用它扔有类型报错。官方推荐,使用 它 时禁用 Vetur,以免有冲突。 只需安装TypeScript Vue Plu ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
electron的渲染进程使用axios时被csp安全拦截的解决方案
1、问题出现场景 脚手架用的是electron-vite,渲染进程是vue3+pinia+vue-router,http请求是使用的axios,在发起请求时发现控制台报csp问题 2、原因分析 csp其实就是跨域问题,不支持非同源的资源访问,以往开发普通的vue项目时因为有脚手架里的代理,所以不会出 ......
解决ts中的类型问题:利用any类型污染来实现
nestjs用request.user可以获取到passport中自己编写的策略返回的值,但是使用这个user中的数据时,就显示返回的user值的类型中没有其他数据。使用ctrl+鼠标点一下这个user,跳转到passport依赖的一个文件中,原来这个user是定义了一个接口,里面是空的。如果使用这 ......
Modbus转PROFINET网关TS-180快速实现软启动器和马达保护器与西门子PLC的通信
在钢铁厂的生产过程中,电机作为驱动各种生产机械和辅助设备的关键设备,其正常运行对于生产效率和质量至关重要。为了确保电机的正常运行和使用寿命,通常会使用软启动器和马达保护器等设备,因此监控软启和马达保护器的工作参数成为重点。 福建某钢铁厂,中控室使用S7-1515PLC,实时监控现场软启和马达保护器的 ......
Vue模版(主要对axios进行了封装)
Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
从零开始用 Axios 请求后端接口
对于前端同学来说,请求后端接口是一个非常通用的东西。在十几年前的时候,我们还用 Ajax 去请求后端接口。但在 2023 年的今天,很多框架都很成熟了,我们有了更加快捷的方式 —— Axios 框架。 请求框架哪家强? 对于使用 Vue 技术栈的同学来说,其实接口请求框架就三种:vue-resour ......
vue引入ts报找不到模块或其相应的类型声明
我出现这个的原因是我配置了‘@/’的路径别名配置,然后在引入ts报了这个问题。 主要原因为:在查找ts文件的时候,路径出现了问题。 解决方法(主要是第二点,第一点单纯记录了我配置的别名路径) 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
vue项目多axios实例动态创建
// 通用请求拦截器 import axios from "axios"; import Qs from "qs"; import store from "@/store"; import router from "@/router"; import { Loading, Message } fro ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......