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

Question

在vue脚手架工具基础上添加了一个data.json文件
在dev-server.js中添加如下配置，然后重新npm run dev。访问http://localhost:8080/api/seller访问不到数据

// mock

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)

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.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)