vue脚手架项目中,在src文件夹中找到json静态资源(不在static中)

vue脚手架项目中,在src文件夹中找到json静态资源(不在static中)

1、在文件夹中编写自己的json文件目,附上目录:

项目目录

2、现在配置文件中配置webpack.dev.conf.js

  1. 第一处
    在这里插入图片描述

代码

  • 先下载express包。
const express = require('express')
const app = express()
const player = require('../src/data/player.json')
const hostlist = player.hot;
const apiRouter = express.Router()
app.use('/data', apiRouter)
  1. 第二处
    在这里插入图片描述

代码

 before(app){
      app.get('/data/hostlist',(req,res)=>{
        res.json({
          erron: 0,
          data:hostlist
        })
      })
    }

3、组件的请求

在这里插入图片描述

4、json数据

在这里插入图片描述

5、个人感觉这样麻烦,还不如放在static静态文件中,一个路径就完事了,,,仅供参考。。。(有疑问的小伙伴,欢迎留下问题)


参考文章.https://www.cnblogs.com/web-aqin/p/10768345.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值