開始的時候我以為，用vue去調(diào)取json要多么的麻煩，完咯就先去的百度，找了幾個，看上面又要配置這配置那的，看的我都頭大，像一些思維邏輯清晰的肯定不會出現(xiàn)這種情況。

創(chuàng)新互聯(lián)建站專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、南平網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、H5建站、商城開發(fā)、集團公司官網(wǎng)建設、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為南平等各大城市提供網(wǎng)站開發(fā)制作服務。

下面我說下我這的情況，大家依情況代入

當然vue你剛開始創(chuàng)建的話，你是要去配置下東西，下面我說的是你的項目能夠跑起來的情況，完咯再去想辦法去引用json，當然我這里用的也是axios的獲取方法，如果不是這種方法的可以帶過了

首先你要知道那你的json應該放在哪個文件夾下（普通引用）如果你想寫的有自己的規(guī)范，可以按照你自己的方式來。在網(wǎng)上看見了幾個放在不同文件夾下的，好像要去配置什么東西，我也沒細看，但標準模式下最好放到你的static的文件夾下，來上圖

如果沒有放到這個文件夾下可能會報錯喲！

json數(shù)據(jù)一定要寫的規(guī)范

{
  "status":"0",
  "result":[
   {
     "productId":"10001",
     "productName":"小米6",
     "prodcutPrice":"2499",
     "prodcutImg":"mi6.jpg"
   },
   {
    "productId":"10002",
    "productName":"小米筆記本",
    "prodcutPrice":"3999",
    "prodcutImg":"note.jpg"
   },
   {
    "productId":"10003",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"mi6.jpg"
   },
   {
    "productId":"10004",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"1.jpg"
   },
   {
    "productId":"10001",
    "productName":"小米6",
    "prodcutPrice":"2499",
    "prodcutImg":"mi6.jpg"
  },
  {
   "productId":"10002",
   "productName":"小米筆記本",
   "prodcutPrice":"3999",
   "prodcutImg":"note.jpg"
  },
  {
   "productId":"10003",
   "productName":"小米6",
   "prodcutPrice":"2499",
   "prodcutImg":"mi6.jpg"
  },
  {
   "productId":"10004",
   "productName":"小米6",
   "prodcutPrice":"2499",
   "prodcutImg":"1.jpg"
  }
  ] }

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文標題：詳解VUE調(diào)用本地json的使用方法-創(chuàng)新互聯(lián)
文章鏈接：http://chinadenli.net/article30/doeoso.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計公司、微信小程序、響應式網(wǎng)站、電子商務、手機網(wǎng)站建設、營銷型網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)