vue cli3 本地调用json 的方法 - qingqinggit/- GitHub Wiki

1.# vue-cli3 的静态文件是public ,文件放在这里面才能被访问

axios.get('json/test.json').then(response => {

console.log(response.data);

}, response => {

console.log("error");

});

2.# = 在vue.config.js 里面配置

const express = require('express')

const app = express()

var singer = require('./src/db/data/singer.json') //本地json文件数据

var recommend=require('./src/db/data/recommend.json')

var apiRoutes = express.Router();

app.use('/api',apiRoutes)

module.exports = {

devServer:{

before(app) {

app.get('/api/singer', (req, res) => {

res.json({

errno: 0, // 这里是你的json内容

data: singer

})

})

app.get('/api/recommend', (req, res) => {

res.json({

errno: 0, // 这里是你的json内容

data: recommend

})

})

},

open: process.platform === 'darwin',

host: '0.0.0.0',

port: 8080,

https: false,

hotOnly: false,

proxy: null //设置跨域，即将本文件内任何没有匹配到的静态文件，都指向跨域地址

},

}