使用axios请求本地的json数据

因为本人是小白,所以在vue cli3.0上遇到了很多的问题
在vue2.0上可以将json文件放在staitc文件中,就可以直接访问了,但是在3.0以后这个文件夹就不存在了
我个人是这么处理的

  1. 将json文件放在assets文件下
  2. 在vue.config.js中添加代码
const express = require('express')
const app = express()
var appData = require('./src/assets/mock/index.json')//json文件位置
var seller = appData
var apiRoutes = express.Router()
app.use('/api', apiRoutes)
devServer: {
    before (app) {
      app.get('/api/seller', (req, res) => {//这样就不用配置代理了
        res.json({
          errno: 0, 
          data: seller
        })
      })
    },
    host: 'localhost',
    port: 9999, // 端口号
    https: false, // https:{type:Boolean}
    open: true, // 配置自动启动浏览器  http://172.16.1.12:7071/rest/mcdPhoneBar/
    hotOnly: true, // 热更新
    proxy: null
  }
在方法中访问axios.get('/api/seller').then(function(){})就行了

要是还不懂,可以去访问我的github项目案例

你可能感兴趣的:(vue)