vue请求本地数据

1、创建json文件

建议在static文件夹下创建

2、在需要请求的页面引入json文件

3、下载请求数据模块儿，可以根据情况选择
这里我用axios模块儿

4、到config文件夹下的index.js文件里配置Api

  proxyTable: {
            '/api': {
                // 生产环境地址
                // target:'http://open.douyucdn.cn',
                // 测试环境地址   程序测试没有问题后换成成产环境地址
                target: 'http://localhost:8080/api',
                // 如果程序需要跨域，那么设置为true
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        },

4、配置接口和返回数据

在webpack.dev.conf.js文件里引入本地json文件

配置服务

  before(app) {
            app.get('/api/shop', function(req, res) {
                res.json(shopData)
            });
            app.get("/api/user", function(req, res) {
                res.json(user)
            })
        }

接口可以调用，就请求到本地数据了