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中路由器的配置方法介紹
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue.js中如何引入vue-resource模塊并實現http跨域請求
vue.js中如何引入vue-resource模塊并實現http跨域請求:本篇文章給大家帶來的內容是關于vue.js中如何引入vue-resource模塊并實現http跨域請求 ,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。在 vue項目中引用 vue-resource 模塊npm install vue-resource --save-dev