DetailedhowtouseAxioscrossdomainaccessdatainVue
Vue公司资源难以维持。这Axios如何使用,互联网搜索了很多,基本上都是一样的,我不知道那些作者已经在本地测试,至少我没有成功在互联网上。经过几天的奋斗,我终于清楚。为了不让其他小伙伴绕道而行,我在实际操作中分享我的例子,希望对你有用。
1。安装Axios
老规矩,用Axios,我们要安装它,安装它:NPM安装Axios
两。客户使用模式
先看看网上的答案。如图所示,我在地图上找到了它。这是一个错误。
正确的做法是删除帖子,如图所示。
三。服务器端的设置
虽然客户端已跨域设置,但仍然无法访问接口数据,但您必须在服务器端设置标头属性,如图所示:
四、Axios方法封装
一般来说,我们使用的方法是:获取、发布、放置、修补,以及封装方法如下:
五。封装后的使用方法
1。这是以前写的,main.js文件的书面文件,我的名字是http.js
2。在需要的地方调用,如图所示:
解释uff1a
get调用方法如下,其中URL是接口地址
这是$(URL)。然后(RES){
代码
});
后调用方法如下:URL是接口地址,数据是请求的数据。
这个。$ POST(URL,数据)。
代码
});
补丁调用方法如下,其中URL是接口地址,数据是请求的数据。
这个$补丁(URL,数据)。
代码
});
调用调用方法如下:URL是接口地址,数据是请求的数据。
这就是$(URL,数据)。
代码
});
看上面的不是很简单。事实上,这没什么关系,但它一直困扰着我。看到网上的答案真的很难。为了解决这个问题,心里真的很激动啊,(一_ U)哈萨克斯坦!
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。