axios下载失败怎么把它删干净

axios下岩帆载失败把它删干净的方法如下：

1、打开手机上的文御核件管理软件。

2、在软件中找到安装失败的axios。

3、点击清除软件axios的安装包即可。Axios是一个基于promise的HTTP库，可镇枣掘以用在浏览器和nodejs中。

React使用axios请求并渲染数据

一、什么是 axios

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中

二、axios 的安装

1、在项目根目录终端引入：

npm isntall --save axios

2、在使用 axios 的 js 文件中加入：

import axios from 'axios'

三、axios 的使用

这里引用 mock-api 生成的数据，结合 Ant Design 组件库做一个导航列表

（1）初始化列表数槐配据 list

constructor(props) {

super(props)

this.state = {

list: []

}

}

（2）创建 Menu 组件传入生成列表 Menu.Item 的函数铅键指 getMenuItems()

render() {

return (

<React.Fragment>

<Menu mode="horizontal">

{ this.getMenuItems() }

</Menu>

</React.Fragment>

)

}

这里的 Menu 为 Ant Design 组件库中的导航菜单组件

（3）完善函数 getMenuItems()

getMenuItems() {

return this.state.list.map(item =>{

return (

<Menu.Item key={item.id}>

<Icon type={item.icon} />{item.title}

</Menu.Item>

)

})

}

（4）通过 axios 请求数据

componentDidMount() {

axios.get('http://mock-api.com/Ln4LX4nx.mock/winniebloglistdata')

.then((res) =>{

this.setState({

list: res.data.data

})

})

}

这里的数据由 mock-api 生成

源数据文件：

{

"success": true,

"data": [{

"id": 1,

"icon": "align-left",

"title": "列表1"

}, {

"id": 2,

"icon": "align-left",

"title": "列表2"

}, {

"id": 3,

"icon": "align-left",

"title": "列表3"

}, {

"id": 4,

"icon": "align-left",

"title": "列表4"

}, {

"id": 5,

"icon": "align-left",

"title": "列表5"

}, {

"id": 6,

"icon": "align-left",

"title": "列表6"

}]

}

运行效果：

更多 亮孝axios 使用请参考 http://www.axios-js.com/zh-cn/docs/

使用技术：

更新vue-cli到最新版本

npm uninstall @vue/cli -g/闹袭/全局卸载

npm install @vue/cli -g //全局安装

快速生成项目：

vue create rabbit-vue3//创建项目

选择Vue版本

不使梁弯启用history模式，暂时橡如使用hash模式

选择css处理器

选择语法规范

选择在什么时候检查

想把配置保存到哪里，为方便管理，选择如下

项目创建完成后，删除没用的页面。

vue3.x中createRouter来创建路由实例，createWebHashHistory代表使用hash模式的路由

vue3.0中createStore来创建vuex实例

注意main.js中，同样使用的方法

Vuex持久化：通过vuex-persistedstate插件

插件安装： npm i vuex-persistedstate

在 src/store 文件夹下新建 modules 文件，在 modules 下新建 user.js

在 src/store/index.js 中导入 user 模块

使用vuex-persistedstate插件来进行持久化

插件说明：

测试效果：

在main.js中

axios封装：

安装axios npm i axios

---