vue cli3 獲取本地json數據的方式

在網上的很多博客都是這樣說的：

在vue-cli3中，存放靜態資源的位置已經變成存放在public文件夾中了

但是我將文件放在我在根目錄下新建的static文件夾也可以被獲取到：

json文件數據內容如下：

Vue-cli3.0項目節省了很多文件，比如講vue-cli3.0之前版本的build/dev-server.js配置放在了vue.config.js中

而我們在Vue-cli3.0中沒有找到config.js文件，我們要在項目的根目錄下新建 vue.config.js 文件（是根目錄，不是src目錄）：

config配置如下：

const express = require('express')
const app = express()

var panghu = require('./static/panghu')  //本地json文件數據

var apiRoutes = express.Router();
app.use('/api', apiRoutes)
module.exports = {
 devServer: {
        before(app) {
            app.get('/api/panghu', (req, res) => {
                res.json({
                    errno: 0,   // 這里是你的json內容
                    data: panghu
                })
            })
        },
        open: process.platform === 'darwin',
        host: '0.0.0.0',
        port: 8080,
        https: false,
        hotOnly: false,
        proxy: null      //設置跨域，即將本文件內任何沒有匹配到的靜態文件，都指向跨域地址
    },
}

如圖：

在組件中獲取：

結果：