vue/cli4.0.5使用axios报404

安装： npm i axio --save 在主目录public文件夹下有一个mock/index.json 要求获取本地mock/index.json的数据

import axios from 'axios'
export default {
methods: {
    getHomeInfo () {
      axios.get(`/api/index.json`).then(res => { console.log(res) }, res => {
        console.log('调用失败')
      })
    }
  },
  mounted () {
    this.getHomeInfo()
  }
  }

vue.cofig.js里的配置：

 devServer: {
    /* 跨域代理 */
    proxy: {

      '/api': {
        // 目标代理服务器
        target: 'http://localhost:8080/',
        // 允许跨域
        changeOrigin: true,
        ws: true,
        pathRewrite: { '^/api': '/public/mock' }
      }
    }
  }

错误：

一直百思不得其解。。。。。 经过不懈的百度和尝试😭和浪费时间，其实 pathRewrite: { '^/api': '/public/mock' }只可以获取pulicx下的静态文件，所以只需要只要改变成pathRewrite: { '^/api': '/public' }即可；组件里的地址axios.get('/mock/index.json')....就可以了。。。。。。。