一般使用api的方式编写自定义的axios.js文件,包括请求发送和响应拦截的一些配置(一般我会配置请求超时时间、发送请求时的token、处理响应时的异常信息)引入axios.js,定义接口import axios from './axios'
export const getBanner = (params) => {
return axios({
url: '/c
转载
2021-02-03 20:17:36
440阅读
2评论
Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前(new Vue之前)修改下列属性:
silent:默认值false / Vue.config.silent = true true意味着取消 Vue 所有的日志与警告
devtools:配置是否允许 vue-devtools&nb
转载
2023-07-18 11:02:34
0阅读
一、安装axios和confignpm install axios --Savenpm install config --Save二、封装config文件在src目录下创建config文件夹,config内创建index.js文件//网络请求地址 例如: http://wwww.baidu.com 本地开发时,可直接填写后端测试接口地址(需要设置浏览器允许跨域请求,或后端设置Cross-orig
转载
2024-02-24 23:02:38
37阅读
# 使用 Vue 组合 API 和 Axios 的详细指南
在这一篇文章中,我们将深入探讨如何在 Vue 3 中使用组合 API 与 Axios 库进行 API 请求。作为一名刚入行的小白,理解这一过程将非常有助于你提升前端开发技能。
## 整体流程
首先,了解整个过程的基本步骤可以帮助你理清思路。下面是一个简化的流程表:
| 步骤 | 描述
原创
2024-09-17 06:04:26
62阅读
全局配置 Vue.config is an object containing Vue’s global configurations. You can modify its properties listed below before bootstrapping your application:Vue.config是包含Vue的全局配置的对象。在启动应用程序之
Vue项目api加载json文件
原创
2021-10-15 16:52:17
207阅读
概述在vue项目开发过程中,免不了的要进行api接口的调用,当后端接口未搭建完成时,可以使用json文件模拟数据调用来搭建功能,同时有一些相关数据也是需要本地json文件支持,于是在这里介绍自己实战项目内嵌api接口调用本地数据json的方式实现方法第一步:将json放入项目目录第二步:接口声明在build/webpack.dev.conf.js文...
原创
2021-08-11 09:18:01
666阅读
1、vue父子组件传值方式1、props
2、v-model
3、.sync 父组件向子组件传的值,子组件可以直接修改父组件的值
4、ref
父组件通过ref直接拿到子组件的属性或方法
5、$emit
父组件给子组件定义事件,子组件中emit触发,参数(事件名,参数)
6、$children&$parent
获取到一个包含所有子组件的对象数组,直接拿到父子组件的属性和方法
转载
2024-07-19 14:34:02
96阅读
环境准备。
原创
2024-06-08 18:06:05
2873阅读
#PROXY-START/api location /api { expires 12h; if ($request_uri ~* "(php|jsp|cgi|asp|aspx)") { expires 0; } ...
原创
2023-01-11 17:57:34
105阅读
首先介绍一下什么是Axios: Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中 主要的作用是用于向后台发起请求我们先来了解一下promise是什么? 1.主要用于异步计算 &nbs
转载
2023-07-04 20:30:24
85阅读
1.API封装在 src下 新建API文件夹 1.在index.js 中配置axios:var instances = null;
// 创建一个带自定义配置项的axios 实例
const instance = axios.create({
// 所有请求的路径之前都会拼接地址
baseURL: "url",
// 延时时间
timeout: "5000",
// 请求头设置
转载
2024-06-18 13:32:14
113阅读
<!
原创
2022-09-09 07:48:32
808阅读
这次做了个项目,其中一个模块的功能就是,根据用户填写的信息生成一个pdf但是pdf有很多表格,而且格式比较复杂,如果用代码写出这种模板,然后将当前页面生成pdf这种方法显然不太现实,后来发现用填充模板的方法可以实现1.先安装对应依赖npm install docxtemplater pizzip --save-dev
npm install jszip-utils --save
npm insta
转载
2024-08-11 10:46:33
61阅读
一:KEYCLOAK配置部分: 1,下载keycloak,官网地址:https://www.keycloak.org/downloads.html。下载第一个就行 2,下载完毕之后,打开文件,访问 bin 路径,点击 standalone.bat 打开,打开之后大概如下: 3,然后访问:http://localhost:8080/auth/ ,下
转载
2024-01-10 18:58:35
249阅读
在现代前端开发中,Vue.js 是一个极其流行的 JavaScript 框架,而 Yarn 则是一个高效的包管理工具。把这两者结合使用,可以带来更好的开发体验。然而,在这个过程中,我们也可能会遇到一些技术痛点。
### 背景定位
在 Vue 项目的早期开发中,团队面临着以下技术痛点:
> “我们希望能够快速搭建 Vue 项目,同时希望依赖包管理更高效,解决传统的 npm install 速度
作者:瑞哥最近 Vue3 关于 ref-sugar 的提案引起了广泛的讨论:juejin.im/post/689417…[1]<script setup>
import Foo from './Foo.vue'
// declaring a variable that compiles to a ref
ref: count = 1
const inc = () => {
文章目录基本使用步骤指令的概念内容渲染指令属性绑定指令事件绑定指令事件修饰符按键修饰符双向绑定指令条件渲染指令列表渲染指令 基本使用步骤1.导入vue.js的script脚本文件(可在官网下载)vue官网 2.在页面中声明一个将要被vue所控制的DOM区域 3.创建vm实例对象(vue的实例对象)<!DOCTYPE html>
<html lang="en">
<h
文章目录一、环境二、创建项目三、启动项目四、项目结构与解释 一、环境环境已经搭好,所以就不废话了,看一下我的版本 这已经是最新环境了。二、创建项目我们使用命令vue create创建,如下:vue create v1 提示说:请选择一个预设,预设就是项目的一些初始化,就是给你安装规定一些基本的东西,以前的低版本vue创建项目是用vue init webpack 【projectName] 命令,
转载
2024-04-19 14:38:30
41阅读
Echarts 官网:http://echarts.apache.org/zh/index.html 安装依赖 npm安装 npm install echarts -S 或者用淘宝镜像安装 npm install -g cnpm --registry=https://registry.npm.tao ...
转载
2021-10-27 18:47:00
222阅读
2评论