vue 3.0中使用本地的json文件

 1.main.js文件中

import axios from 'axios';

axios.get('/api/city').then(data => {

console.log(data);

});

/api/city是根据自己的文件设置的。

2.vue.config.js

const express = require('express');

const app = express();

var city = require('./public/city.json');//此处位置一定要书写正确。看清是./还是/。

var apiRoutes = express.Router();

app.use('/api', apiRoutes);

 

devServer: {

before(app) {

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

res.json({

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

data: city,

});

});

},

},

3.访问http://localhost:8080/api/city即可访问到json的文件

重点：vue cli3.0 public 文件夹才是静态资源文件。修改配置文件之后一定要重启项目。

六月十三号。