首页 / VUE / vue 数据请求

vue 数据请求

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue 数据请求，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1282字，纯文字阅读大概需要2分钟。

内容图文

作者QQ：1095737364    QQ群：123300273     欢迎加入！
 

要引入模块: vue-resource

1.在package.json中的dependencies中添加vue-resource模块,然后安装(运行npm instal)

"dependencies": {
　　"vue": "^2.3.3",
　　"vue-router": "^2.6.0",
　　"vue-resource":"^1.2.1"
},

2.在router路由文件夹的index 下添加如下代码:

import VueResource from ‘vue-resource‘
Vue.use(VueResource)

3.要使用请求的地方使用如下代码模板:

this.$http.get(‘/http://localhost:8080/graphicOneData‘).then(response => {
　　console.log(response);
　　var datas = JSON.parse(response.bodyText);
}, response => {
　　console.log("error");
});
注意:
1.在请求接口数据时,涉及到跨域请求出现下面错误: 
           XMLHttpRequest cannot load http://localhost:8088/test. No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8080’ is therefore not allowed access.
解决办法:
在接口中设置:
response.setHeader("Access-Control-Allow-Origin", "*");
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
response.setHeader("Access-Control-Allow-Origin", "*");
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Authorization");
response.setHeader("Access-Control-Allow-Credentials","true");
 

原文：http://www.cnblogs.com/yysbolg/p/7365960.html

内容总结

以上是互联网集市为您收集整理的vue 数据请求全部内容，希望文章能够帮你解决vue 数据请求所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1098947.html

来源：【匿名】