vue3构建全流程

1.创建工程：

npm init vue@latest

 

1. 安装element-plus

npm install element-plus --save

1.2 在main.js中做如下配置

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
app.use(ElementPlus)

2. 安装axios

npm install axios

3. 安装sass依赖

npm install sass -D

 

 删除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;