首页 > 其他分享 >vue3构建全流程

vue3构建全流程

时间:2023-12-17 20:12:44浏览次数:29  
标签:axios return 流程 baseURL instance 构建 result vue3

1.创建工程:

npm init vue@latest

 

 删除components下的所有自动生成文件:

新建目录api、utils、views

 

 

将request.js放在utils下,

request.js内容:

//定制请求的实例

//导入axios  npm install axios
import axios from 'axios';
//定义一个变量,记录公共的前缀  ,  baseURL
const baseURL = 'http://localhost:8080';
const instance = axios.create({baseURL})


//添加响应拦截器
instance.interceptors.response.use(
    result=>{
        return result.data;
    },
    err=>{
        alert('服务异常');
        return Promise.reject(err);//异步的状态转化成失败的状态
    }
)

export default instance;

 

标签:axios,return,流程,baseURL,instance,构建,result,vue3
From: https://www.cnblogs.com/daitu66/p/17909687.html

相关文章

  • 【电子公文系统】日常操作流程
    登录系统:用户通过用户名和密码访问电子公文系统。创建文档:用户选择合适的模板创建新文档。完成文档内容的编辑,并保存草稿。文档审批流程:文档创建者提交文档以启动审批流程。文档在审批流程中沿着预设的路径流转,发送给一个或多个审批者。审批者审查文档,提出修改......
  • 浅析浏览器数据库IndexedDB:基本概念、操作流程及各对象属性和方法
    一、概述随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。Cookie的大小不超过4KB,且每次请求都会发送回服务器;LocalStorage在2.5MB到10MB之间(各家浏览器不同),而且不提供搜索功能,不能建......
  • JVM虚拟机系统性学习-对象的创建流程及对象的访问定位
    对象的创建流程与内存分配对象创建流程如下:Java中新创建的对象如何分配空间呢?new的对象先放Eden区(如果是大对象,直接放入老年代)当Eden区满了之后,程序还需要创建对象,则垃圾回收器会对Eden区进行垃圾回收在垃圾回收的时候,会将Eden区的幸存对象转移到SurvivorFrom区如果再......
  • 知识图谱的构建方法(思路篇)
    构建知识图谱的过程可以分为以下几个步骤:确定领域和范围:首先需要明确知识图谱所关注的领域和范围,这将决定知识图谱的用途和覆盖的知识领域。例如,可以是通用型知识图谱,也可以是特定领域的知识图谱,如医疗、金融、教育等。构建本体:本体是知识图谱的基础,用于描述领域内的概念、属性和关......
  • JVM虚拟机系统性学习-对象的创建流程及对象的访问定位
    欢迎关注公众号:【11来了】可以查看深入理解Redis系列完整文章!作者为在读研究生,目前研二,计划在公众号记录学习常用中间件笔记,以及明年更新面试经历!对象的创建流程与内存分配对象创建流程如下:Java中新创建的对象如何分配空间呢?new的对象先放Eden区(如果是大对象,直接放入老年代)当......
  • 读程序员的README笔记13_技术设计流程(上)
    1. 行为准则2. 设计过程的螺旋式上升2.1. 圆锥体中的箭头进一步螺旋式上升2.2. 你现在更确定你理解了问题空间2.3. 你的原型为你的解决方案提供了越来越多的信心2.4. 随着每一次迭代,设计文档变得更加清晰和详细3. 技术设计流程3.1. 当被要求对系统进行修改时,大......
  • 《构建之法》读书笔记(二)
      “人们为了解决现实社会和生活中的各种问题,要求助于软件。”那我们如果精准地获取到这些需求呢?通过阅读我了解到以下步骤。   开发一个软件前,我们要去了解这个软件的受益者,了解他们的需求,了解他们对这个软件的期待,然后软件工程师按照相应的需求开发,替用户着想。当然......
  • vue3+vite+js中二次封装axios
    一、安装axiosnpmiaxios二、文件结构涉及到的文件:utils/request.sjapi/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理)vite.config.js三、request.js对axios进行简单的二次封装importaxiosfrom"axios";constrequest=axios.create({//......
  • Vue3响应式概念
    响应式的基本概念响应式是指当数据发生变化时,系统会自动更新与数据相关的DOM结构。在Vue2中,响应式系统的实现基于 Object.defineProperty。然而,Object.defineProperty 有一些局限,如:无法监听数组的变化、需要遍历对象的每个属性进行监听、性能开销较大。在Vue3中,响应式系统......
  • 【JDK+jenkins+gitee实现CI/CD(之二)】 配置jenkins拉取gitee代码自动构建项目
    前面我们已经学习了如何在阿里云Linux环境中安装jenkins和java环境这一节我们来配置已经安装好了的jenkins,并拉取GITEE上的仓库代码来自动构建项目一,安装jenkins必须的插件汉化插件Chinese,如果安装的jenkins自动中文片,可以跳过这一些安装gitee插件[GiteePlugin]安装docker......