reactinterface的数据怎么来

react没有提供宏伍尺自己的请求数据的橘滑模块，笔者蔽高以axios和fetch-jsonp为例来请求数据。

一、axios

1、安装axios模块

2.使用

二、fetch-jsonp

1、安装 npm install fetch-jsonp --save

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

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

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

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

使用技术：

更新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

---