vue-axios插件的安装


一、安装vue-axios插件

由于cnpm比npm更加的快速,所以建议用cnpm代替npm来进行插件的安装。

将路径换成淘宝的路径速度能够快点,命令如下:

npm install -g cnpm --registry=https://registry.npm.taobao.org

利用命令安装axios:

cnpm install axios

安装axios插件

二、vue-axios插件的引用

在这里我们用vue2.0 vue-cli脚手架去实现。

1、创建引用文件:

用ide打开项目文件,在src目录下创建文件夹axios,后在文件夹内创建index.js。如图:

创建index.js

2.引入axios

1.index.js

将下方代码粘到index.js文件中就可以了。

/*引入Vue框架*/
import Vue from 'vue';
/*引入资源请求插件*/
import axios from 'axios';
    
/*使用axios插件*/
Vue.prototype.$axios = axios;
export default({
});

引入axios

2.找到src下的main.js

main.js位置显示

引入下方代码:

import axios from './axios';//通过import引入

new Vue({
  el: '#app',
  router,
  axios,//通过import引入,然后在这里调用
  components: { App },
  template: '<App/>'
})

引入axios

参考路径


文章作者: milu
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 milu !
  目录