javascript - vue-clin项目，npm run build后dist文件夹，index.html无法获取自己通过json，mock的数据

Question

项目npm run dev，和build后测试都没问题，现在就是打开build后dist文件夹index.html出现下面报错

是因为我项目依赖的数据和内容都是通过json文件mock的，build后json数据并未打包到dist文件夹中，导致无法请求到数据吗？应该怎么处理

项目目录，

build/dev-server.js中mock的数据

/数据mock
var appData = require('../data.json');
var seller = appData.seller;
var goods = appData.goods;
var ratings = appData.ratings;

var apiRouters = express.Router();
apiRouters.get('/seller',function(req,res){
  res.json({
    errno:0,
    data:seller
  })
})

apiRouters.get('/goods',function(req,res){
  res.json({
    errno:0,
    data:goods
  })
})

apiRouters.get('/ratings',function(req,res){
  res.json({
    errno:0,
    data:ratings
  })
})


app.use('/api',apiRouters)
//数据mock

---

Answer 1

你用的api应该用的是相对路径，所以你要开http服务启动dist后的项目，你可能使用的是./或者/，然后直接打开文件之后，路径就会读成你的电脑硬盘路径

Answer 2

错误提示跨域了