vue項目如何獲取本地json文件數據

在項目根目錄有一個static文件夾目錄，將所需要的json文件放在該static目錄下，使用axios發起get請求獲取對應的json文件數據

main.js

  import axios from 'axios'  // 安裝axios后引入
  Vue.prototype.$axios = axios  // 將axios掛載到原型上方便使用

test.vue

  this.$axios.get('/static/test.json').then(res => {   // 使用get請求獲取到static目錄下的 test.json文件的數據
        console.log(res)
  })

在vue-cli3.0創建的項目這樣請求會報404錯誤，原因是vue-cli3.0之后創建的項目靜態資源都放在了根目錄下的public目錄下，因此需要將json文件建在public目錄下，
請求的地址需要改變，如下：

test.vue

  this.$axios.get('/test.json').then(res => {     // 獲取public下的test.json文件數據
        console.log(res)
  })