分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

关于新版vue-cli安装json-server在build文件里没生成出dev-server文件

发布时间:2023-09-06 01:50责任编辑:顾先生关键词:jsjson

今天在安装json-server时遇到一个问题,build文件里并没有生成dev-server.js文件,

开始是怀疑配置有问题,或者安装不正确,然后重新安装了两三次,还是这样,郁闷。。

通过查询资料得知,新版的vue-cli取消了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可

打开webpack.dev.conf.js,(在build目录下),

在const portfinder = require(‘portfinder’)后添加以下两行代码

const appData = require(‘./db.json‘)//加载本地数据文件,这个db.json是你自己自定义新建的文件名,存放路径随你吧,我这里测试就放在build目录里了,最后来解释这个db.json
const seller = appData.seller//获取对应的本地数据,

添加完以上代码继续在此文件里面向下查找devServer:{ }

在这个对象里添加配置,(不要删除或覆盖以前默认配置的值)

比如:(这里直接复制前辈的代码了)

before(app) {
?????????  app.get(‘/api/seller‘, (req, res) => {
???????????    res.json({

      errno:0,

?????????????      data: seller

???????????    })
?????????  })
???????},

然后,问题来了,

1、我自己的json数据写在哪里呢,是写在我自己创建的db.json里面吗,我去试了一下,没用。。。尴尬!

2、按照上面的配置完了,浏览localhost:8080/api/seller刷新浏览器没反应

3、localhost:8080/api/seller有反应了结果返回的{"erron":0}

解决

1.对于第一点的问题,经过自己反复测试,db.json里面必须有一对空的{},当然也可以写点数据进去,虽然不报错,但是也不知道有啥作用(本人小菜一枚,也没过多的去研究),但是没有{}肯定是要报错的

2.对于第2点,浏览器没反应的问题,一定要记住,当每更改过webpack.dev.conf.js这个文件或者db.json文件,记得重新 npm run dev

3.对于第3点,相信基本上的人已经看出来了,浏览器返回的{"erron":0}其实就是上面配置的

res.json({

      errno:0,

      data: seller

    })

中的errno:0,那么就将他替换掉自己的json数据就行

res.json({   

  "getNewsList": [
???????????????    {
?????????????????      "id": 1,
?????????????????      "title": "新闻条目1新闻条目1新闻条目1新闻条目1",
?????????????????      "url": "http://starcraft.com"
???????????????    },
???????????????    {
?????????????????      "id": 2,
?????????????????      "title": "新闻条目2新闻条目2新闻条目2新闻条目2",
?????????????????      "url": "http://warcraft.com"
???????????????    },
???????????????    {
?????????????????      "id": 3,
?????????????????      "title": "新闻条3新闻条3新闻条3",
?????????????????      "url": "http://overwatch.com"
???????????????    },
???????????????    {
?????????????????      "id": 4,
?????????????????      "title": "新闻条4广告发布",
?????????????????      "url": "http://hearstone.com"
???????????????    }
?????????????  ],

  data: seller

})

关于新版vue-cli安装json-server在build文件里没生成出dev-server文件

原文地址:https://www.cnblogs.com/gping/p/8904110.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved