vue腳手架用axios請求本地數據


首先需要聲明的是:本地請求,不用考慮跨域問題,這適用剛入坑的前端小白看,小白在做自己的項目時,通常都是用自己寫的json數據,之后用axios請求過來,渲染到頁面上。

1、cnpm install axios --save     (在終端安裝 上axios,我是用的淘寶鏡像安裝的)

2、哪個組件使用axios方法請求數據,就在哪個組件里面引入,不用在main.js里面引入,不用改原型鏈

    在組件的script標簽內寫:    import  axios  from ‘axios’

3、在組件的methods配置項里使用axios

    methods:{

      fn(){

       axios.get('url').then(function(res){

          console.log(res.data)

        }).catch(function(err){

          console.log(err)

        })

      }  

    }

注意:在本地放置自己的json文件時,一定要放在項目的static文件夾下,因為static文件時,vue腳手架暴露在外面的靜態文件,放在其他文件內用相對路徑或絕對路徑是訪問不到的,這一點需要注意,踩了一下午坑,終於請求到本地的json數據了。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM