vue使用axios并解决本地跨域问题--记录

ye976142425

于 2019-04-15 15:38:59 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue axios 跨域

本文链接：https://blog.youkuaiyun.com/ye976142425/article/details/89313131

本文介绍如何在项目中引入并配置axios，实现全局调用。首先通过npm安装axios，然后在main.js中导入并修改Vue原型链，使各组件可通过$axios进行数据请求。最后，在config/index.js中设置请求路径前缀，简化后续API调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先在项目引入axios

npm install axios

成功后在main.js配置

import Axios from 'axios';

//修改原型链，全局使用axios,这样之后可在每个组件的methods中调用$axios命令完成数据请求
Vue.prototype.axios = Axios;

在config下的index.js下配置

你要使用axios的方法，/api代替了那一整串的请求路径。