本篇文章帶給大家的內容是關於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.js中如何引入vue-resource模組並實作http跨域請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!