在vue-cli中mock的数据访问不到

Question

在vue脚手架工具基础上添加了一个data.json文件在dev-server.js中添加如下配置，然后重新npm run dev。访问http://localhost:8080/api/seller访问不到数据// mockconst app = express()const appData = require('../data.json')const seller = appData.sellerconst goods = appData.goodsconst ratings = appData.ratingsconst apiRoutes = express.Router();apiRoutes.get('./seller', function(req, res) {  res.json({    erron: 0,    data: seller  })})apiRoutes.get('./ratings', function(req, res) {  res.json({    erron: 0,    data: ratings  })})apiRoutes.get('./goods', function(req, res) {  res.json({    erron: 0,    data: goods  })})app.use('./api', apiRoutes)

Answer 1

var app = express()

// 1. 加载json数据

const data = require('../src/mock/data.json')

// 2. 生成路由器

const router = express.Router()

// 3. 注册路由

router.get('/goods', function (req, res, next) { // 处理请求, 返回响应数据

  res.send({ // 返回给浏览器的是包含数据的对象

    code: 0,  // 数据的标识属性   0代表正确的数据

    data: data.goods

  })

})

router.get('/ratings', function (req, res, next) { // 处理请求, 返回响应数据

  res.send({

    code: 0,

    data: data.ratings

  })

})

router.get('/seller', function (req, res, next) { // 处理请求, 返回响应数据

  res.send({

    code: 0,

    data: data.seller

  })

})

// 4. 启用路由器

app.use('/api', router)

你把'./'换成'/'看看

Answer 2

改几个地方，把"./*"改成"/";

const app = express()

const appData = require('../data.json')

const seller = appData.seller

const goods = appData.goods

const ratings = appData.ratings

const apiRoutes = express.Router();

apiRoutes.get('/seller', function(req, res) {

  res.json({

    erron: 0,

    data: seller

  })

})

apiRoutes.get('/ratings', function(req, res) {

  res.json({

    erron: 0,

    data: ratings

  })

})

apiRoutes.get('/goods', function(req, res) {

  res.json({

    erron: 0,

    data: goods

  })

})

app.use('/api', apiRoutes)