axios在vue中的使用慕课笔记,vue-axios详细介绍
本文主要介绍与Vue-axios进行数据交互的细节。文章重点介绍了与Vue-axios进行数据交互的相关数据，有需要的朋友可以参考一下，希望对你的学习或者工作有所帮助。
:
目录
1.安装axios2，使用axios 3。说说proxyTable的用法。
1、安装axios
打开cmd命令行工具cd到项目目录，并输入以下命令npm install axios。
提示：安装完成后，打开main.js
输入以下代码：
从“axios”导入axios
接着在底下输入：
Vue.prototype.$axios=axios
配置完成。
2、axios的使用
这个。$axios({
方法：“post”，//交互模式
URL:“/API/ImgHandle”，//url地址
数据：{page: page}//需要交互的数据
}).然后((res)={
Console.log(res)//成功res是返回的结果
}).catch((错误)={
Console.log(错误)//无法打印异常
})
3、讲一下代理proxyTable的使用
一般开发的时候地址都是本地的，会有跨域错误，报错示例如下：。
无法加载http://192 . 168 . 1 . 111:8888/console/good/front/class list:
对飞行前请求的响应未通过访问控制
检查：请求的资源上不存在“Access-Control-Allow-Origin”标头。
因此，不允许访问原点“http://localhost:8081”。
如果不透明的回答符合你的需要，
将请求的模式设置为“no-cors ”,以便在禁用cors的情况下获取资源。
如果后端不修改，那就前端操作修改一下：
查找config/index.js查找代理表以修改代理表：{
/api: {//使用“/api”而不是“http://www.xxx.com/
目标： https://www.xxx.com/，//源地址
ChangeOrigin: true，//更改源
路径重写：{
/API : 3359 www.xxx.com///Path重写
}
}
},
然后再运行一次，就生效了。如果操作失败，请再次检查代码。
关于使用Vue-axios进行数据交互的方法，本文到此结束。有关Vue-axios数据交互的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。