vue使用axios请求本地json文件

1 安装axios

npm install axios --save

2main.js引用

import axios from 'axios';
Vue.prototype.axios = axios

3 配置代理

module.exports = {

    devServer: {
        port: 8400,
        disableHostCheck: true,
        public: 'localhost:8400', // 本地ip
        //Z开发本地运行打开注释， 这一段不能提交到服务器。
        proxy: {
            '/api': {
                target: "http://localhost:8400",
                ws: true,
                pathRewrite: {
                    '^/api': '/',
                },
            },
        },
    },


}

4 新建一个json文件 记得要在public下 

project\demo001\public\j.json

{
  "first":[
      {"name":"王小婷","nick":"祈澈菇凉"},
      {"name":"安安","nick":"坏兔子"},
      {"name":"编程微刊","nick":"简书"}

  ]
}

<