es6基本语法 (rest参数,模板化,axios模块,拦截器)

日常学习记录

模块化:把一个大文件分成多个小文件,按照一定规范进行拼接
        es5写法:
            导出:module.exports = 数据
            导入:require(“路径”)
                /路径未添加后缀名时
                    //默认添加.js
                    //把路径作为文件名寻找index.js文件
        es6写法:
            导出:export://声明时导出
                //export default 变量名    /导出默认值
            导入:import {’’} from ‘‘路径’’    /对象
                /import “” from ‘‘路径’’    /默认数据
            注意:需要将文件后缀名修改为.mjs
                /运行时加入 --experimental-modules

axios模块:

准备数据:

let user = {

uid:5,

username:“测试11111”

}

1)  导入axios模块

const axios = require(‘axios’);

2)  设置默认参数

axios.default.baseURL = ‘请求路径’;

3)  发送请求

get请求:

axios.get("/user")

.then(response => {

console.info(response.status);

console.info(response.data);

})

.catch(error => {

console.info(“get请求失败”);

})

post请求:

axios.post("/user",user)

.then(response => {

console.info(response.status);

console.info(response.data);

})

.catch( error => {

console.info(“post请求失败”);

})

put请求:

axios.put("/user",user)

.then( response => {

console.info(response.status);

console.info(response.data);

})

.catch( error => {

console.info(“put请求失败”);

})

delete:

axios.delete("/user/5")

.then(response =>{

console.info(response.status);

console.info(response.data);

})

.catch(error => {

console.info(“delete请求失败”);

})

拦截器:

axios.interceptors.request.use(config=>{

//  设置请求头和内容

config.headers.Authorization = “”;

return config;

},error=>{

return Promise.reject(error)

})

发布了31 篇原创文章 · 获赞 0 · 访问量 194

猜你喜欢

转载自blog.csdn.net/weixin_46759279/article/details/105712988
今日推荐