vuejs：axios的本地json文件的正確路徑獲取請求

在我的Vue項目中，我嘲笑了一些用於下一步開發的數據。我已經將測試數據保存在json文件中。而我的VUE項目是與Vue公司-CLI創建典型的一個，併爲我的項目結構變爲如下：vuejs：axios的本地json文件的正確路徑獲取請求

My_project 
    build 
    config 
    data 
     service_general_info.json 
    node_modules 
    src 
     components 
      component-A 
       component-A.vue

你可以看到，由VUE-CLI最初創建的所有文件夾。然後我創建一個新文件夾data並將測試數據json文件放在裏面。

而且我想通過axios庫中的component-A組件內的事件處理函數在數據讀取如下：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('./../../data/service_general_info.json'); 
    }, 
    },

我使用相對路徑來定位目標file.But得到404錯誤背部。那麼如何正確設置路徑？目前我在本地主機上運行dev模式。

的錯誤信息是：GET http://localhost:8080/data/service_general_info.json 404 (Not Found)

來源

2017-07-27 Chris Bao

恐怕你不能使用[_axios_（https://github.com/mzabriskie/axios）這個樣子！這個庫用於製作** HTTP **請求，但似乎你正在嘗試訪問_file-system_，而據我所知，它不會工作。 – ironcladgeek

你有沒有得到任何解決方案？ – rashidnk

當HTTP調用從服務器發出，愛可信已經不知道你在http://localhost:8080，你必須給完整的URL。

像這樣：

methods: { 
    addData() { 
     console.log('add json data...'); 
     axios.get('http://localhost:8080/data/service_general_info.json'); 
    }, 
    },

來源

2017-08-18 02:41:26 haykou

vuejs：axios的本地json文件的正確路徑獲取請求

回答

相關問題