526互联

vue3构建全流程

发布时间 2023-12-17 20:10:06作者: 阿飞藏泪

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;