axios读取磁盘文件

所以这个问题可能会有很多种原因，我们需要一步一步的排除：

1 保证线接通之后，如果桌面上没有出现移动盘符的图标的话，我们可以进入磁盘工具看一下有没有检测到磁盘。

2 如果磁盘工具的左侧列表中没有出现移动盘符的话，那就是硬件没有检测到此盘，问题可能是线有问题，也有可能是烂穗盘有问题。

3 这时候在mac os里面肯定是解决不了问题了，所以把硬盘插到pc电脑上面去看看，能不能检测出来，能检测到或者能打开的话，那就说明饥启卜盘是没有问题了，可能是格式上有点不兼容。

4 有的时候可能也会由于是一些逻辑小错误导致的，这时候可以在windows下进行一下磁盘检测和修复，系统自带的检测工具有时候也可以用一下，或者旁烂下载个专业的检测和修复工具：O&O Defrag Pro。

一、什么是 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/