vue2 axios安装
时间: 2023-10-23 19:31:50 浏览: 110
详解vue中axios请求的封装
安装Vue2中的axios可以按照以下步骤进行:
1. 在项目中的index.js文件中引入Vue和axios插件:
```javascript
import Vue from 'vue';
import axios from 'axios';
Vue.prototype.$axios = axios;
export default({ });
```
这样就可以在整个项目中使用axios了。
2. 在main.js中引入已经引用好的axios文件:
```javascript
import Vue from 'vue';
import App from './App';
import router from './router';
import resource from './resource';
import axios from './axios';
Vue.config.productionTip = false;
new Vue({
el: '#app',
router,
resource,
axios,
components: { App },
template: '<App/>'
});
```
这样就完成了Vue2中axios的安装。
总结一下安装步骤:
1. 在index.js中引入Vue和axios并将axios设置为Vue的原型属性。
2. 在main.js中引入已经引用好的axios文件,并将axios注册到Vue实例中。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [「VUE架构」Vue2.0插件之三:使用vue-axios插件](https://blog.csdn.net/qq_38209578/article/details/79225698)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]
阅读全文