最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

vue.js中如何引入vue-resource模块并实现http跨域请求

来源:动视网 责编:小采 时间:2020-11-27 19:32:00
文档

vue.js中如何引入vue-resource模块并实现http跨域请求

vue.js中如何引入vue-resource模块并实现http跨域请求:本篇文章给大家带来的内容是关于vue.js中如何引入vue-resource模块并实现http跨域请求 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在 vue项目中引用 vue-resource 模块npm install vue-resource --save-dev
推荐度:
导读vue.js中如何引入vue-resource模块并实现http跨域请求:本篇文章给大家带来的内容是关于vue.js中如何引入vue-resource模块并实现http跨域请求 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在 vue项目中引用 vue-resource 模块npm install vue-resource --save-dev


本篇文章给大家带来的内容是关于vue.js中如何引入vue-resource模块并实现http跨域请求 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

在 vue项目中引用 vue-resource 模块

npm install vue-resource --save-dev

在 main.js 文件中 引用

//引入 vue-resource模板
import VueResource from 'vue-resource'

Vue.config.productionTip = false;
Vue.use(VueResource);


new Vue({
 el: '#app_head',
 components: { App_head },
 template: '<App_head/>',
 created(){ //created() 网页运行时触发
 this.$http.get("http://jsonplaceholder.typicode.com/users") //使用http请求
 .then((data) =>{ //请求成功后返回结果给 data
 console.log(data);
 })
 }
});

可能会出现 跨域请求 的问题
可以在php文件中加入这句代码

<?php
 header("Access-Control-Allow-Origin: *");
?>

相关推荐:

详解Vue-cli如何实现跨域请求

vue.js中路由器的配置方法介绍

文档

vue.js中如何引入vue-resource模块并实现http跨域请求

vue.js中如何引入vue-resource模块并实现http跨域请求:本篇文章给大家带来的内容是关于vue.js中如何引入vue-resource模块并实现http跨域请求 ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在 vue项目中引用 vue-resource 模块npm install vue-resource --save-dev
推荐度:
标签: VUE 请求 http
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top