如何在 vue.js 中引入 vue-resource 模块并实现 http 跨域请求
最编程
2024-03-30 13:18:52
...
本篇文章给大家带来的内容是关于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跨域请求的详细内容,更多请关注php中文网其它相关文章!
上一篇: WPF 资源(资源)
下一篇: C# 读取资源文件