javascript - vue-clin项目,npm run build后dist文件夹,index.html无法获取自己通过json,mock的数据
高洛峰
高洛峰 2017-05-16 13:29:06
0
2
834

项目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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(2)
迷茫

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

仅有的幸福

错误提示跨域了

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板