Vue框架Element UI教程-axios請求數據

Element UI手冊： https://cloud.tencent.com/developer/doc/1270
中文文檔： http://element-cn.eleme.io/#/zh-CN
github地址： https://github.com/ElemeFE/element

1：進入項目，npm安裝

   npm install axios --save

2.在main.js下引用axios

  import axios from 'axios'

3:准備json數據
自己寫了一個json數據，放在服務器上，現在要通過vue項目調用數據
http://www.intmote.com/test.json

4：跨域問題，設置代理，利用proxyTable屬性實現跨域請求
在config/index.js 里面找到proxyTable ：{} ，然后在里面加入以下代碼

5:打開一個界面User.vue，開始寫請求數據的方法

User.vue參考代碼：

6：再次運行
npm run dev

這個時候，我們可以看見，請求的數據

 

 

 

 

 

 

 

原文作者：祈澈姑娘 技術博客：https://www.jianshu.com/u/05f416aefbe1