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

发布于 2022-09-04 22:06:17 字数 982 浏览 13 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

不必你懂 2022-09-11 22:06:17

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

月牙弯弯 2022-09-11 22:06:17

错误提示跨域了

或十年 2022-09-11 22:06:17

请问您怎么解决的,我也遇到了同样的问题。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文