vue后台模拟数据，修改dev-server.js文件

最新推荐文章于 2024-04-28 13:30:34 发布
原创 最新推荐文章于 2024-04-28 13:30:34 发布 · 397 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何在新版Vue项目中通过修改webpack-dev-conf.js文件来模拟后台数据。在最新版本的Vue中，dev-server.js已被替换为webpack-dev-conf.js。文章详细说明了在该文件中添加模拟数据的具体步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 vue老版本后台模拟数据dev-server.js

 最新的vue里dev-server.js被替换成了webpack-dev-conf.js

在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改

第一步，在const portfinder = require(‘portfinder’)后添加

第二步

data.json数据 

完成后重新启动运行命令的：npm run dev才能生效（很重要，否则无法请求到数据） 

Vue进阶（五十四）：vue-cli 脚手架 dev-server
2401_85124192的博客
06-11 1009
/ 把配置参数传递到webpack方法中，返回一个编译对象，这个编译对象上面有很多属性，自己去看吧，主要是用到里面的状态函数 如compilation，compile，after-emit这类的。// 下面是webpack-dev-server 监听的端口号，因为没有设置process.env.PORT，所以下面监听的就是config.dev.port即8080。// 下面是代理表的处理方法，看看就行了，几乎用不上，除非你是全栈，不用webpack-dev-server，使用后台语言做服务器。
vue 模拟后台 vue mock数据 json-server
lxkll的博客
11-20 1767
vue实现ajax获取后台数据是通过vue-resource，首先通过npm安装vue-resource，进入到项目目录里 npm install vue-resource --save 安装完成以后，将vue-resource引入到main.js文件中 import VueResource from 'vue-resource' // 导入vue-resource 使用VueRes...
Vue链接后台数据库的增删改查
07-15
在.net模式下的vue.js后台数据增加、删除、修改、查询
Vue最新版本修改dev-server.js模拟后台数据请求，配置express
isMrcat的博客
12-16 814
参照了别人写的记录一下 最新的vue里dev-server.js被替换成了webpack-dev-conf.js 因此我们需要找到webpack-dev-conf.js文件进行修改 在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改 第一步，在const portfinder = require(‘portfinder’)后添加 //第一步 const express = ...
vue打包可修改IP的js文件（基础操作方法）
weixin_52890961的博客
02-17 1132
vue部署可修改IP
vue中js修改值，但是vue不能刷新的问题
烟锁风月
04-19 305
vue中js修改值，但是vue不能刷新的问题 this.$set(map,key,value) 例如：this.$set(this.itemDataList[itemIndex],'pcCode',data.pcCode)
详解vue 模拟后台数据（加载本地json文件）调试
10-19
在Vue项目中，这通常是在`dev-server.js`或类似的配置文件中完成。我们可以使用Node.js的`require`函数来导入JSON文件： ```javascript var appData = require('../data.json'); var runRedLight = appData....
前端框架-Vue.js语法
aming小老弟
10-11 618
父组件中的 handleUpdateChildValue 方法接收到参数后，将其设置为 childValue 变量的值，从而完成了子组件向父组件传递数据的过程。当我们需要对发布到线上的文件进行修改时，重新编译的文件名如果和之前版本的相同会引起浏览器无法识别而加载缓存文件的问题。注意： vue组件中的全部html都存在于一个块元素中，就是app.vue中的 id名字为app的div。Vue提供的前端路由工具，利用其我们实现页面的路由控制，局部刷新及按需加载，构建单页应用，实现前后端分离。对状态的派生和缓存。
我的Serverless 实战---Egg.js 后台管理系统实战
lvlei19911108的博客
04-29 1188
作为一名前端开发者，在选择 Nodejs 后端服务框架时，第一时间会想到Egg.js，不得不说Egg.js是一个非常优秀的企业级框架，它的高扩展性和丰富的插件，极大的提高了开发效率。开发者只需要关注业务就好，比如要使用redis，引入egg-redis插件，然后简单配置就可以了。正因为如此，第一次接触它，我便喜欢上了它，之后也用它开发过不少应用。 有了如此优秀的框架，那么如何将一个Egg.js的服务迁移到Serverless架构上呢？ 背景 如何将一个基于Vue.js的前...
vue项目js 公共js文件
01-02
一个vue项目的 js公共包 里面拥有很多 js封装好的方法 是一个工具类
vue2 通过设置devServer.port端口号，启动测试服务后端口失效/自动切换端口
最新发布
经验之谈，不做搬运工
04-28 1051
vue2 设置端口号小于1990（通过设置devServer.port） 启动测试服务后端口失效/自动切换端口。
新版的vue没有dev-server.js如何进行数据模拟，按照网上的教程配置了之后报错解决方法
是喵喵酱呀！
01-06 723
没有dev-dever，在webpack.dev.conf.js中配置即可 第一步：在代码 const portfinder = require('portfinder') 后面添加下面的代码 const express = require('express') const app = express()//请求server var appData = require('../data...
vue cli 项目 怎么让修改 devserver 地址不需要重启
MAIMIHO的博客
04-15 564
或者通过导入引入, 因为这个变量是在编译时就已经确定了，而不是在运行时。一定要用 fs 去读取, 不能直接用。读取配置文件中的代理地址。或者其他文件中，然后在。
配置js文件，打包后可线上修改
Tiramisu07的博客
06-05 1048
1.创建js文件 origin.js 2.在index.html 进行 <script type="text/javascript" src="<%= htmlWebpackPlugin.options.path %>static/origin.js"></script> 3.将origin.js文件放在静态资源static下 4.刷新后可进行修改
【vue】devserver及其配置
热门推荐
qq_42425551的博客
03-08 4万+
一、devserver背景介绍 每次改代码都需要重新部署, 或者只改变修改代码行的效果 所以出现了devserver本地服务 为了完成自动编译，webpack提供了几种可选的模式 方式一：webpack watch mode 实现方法一： 在导出的配置中，添加watch:true 实现方法二： 在启动webpack的命令中，添加–watch的标识 方式二：webpack-dev-server(常用) 二、webpack-dev-server 上面的方式可以监听到文件的变化，但是事实上它本身没有自动刷新浏
vue之代理配置devServer（vue.config.js）片段
小芳的专栏
12-13 1841
devServer:{ open:process.platform==='darwin', host:'0.0.0.0', port:8080, before:app=>{}, //配置vue代理进行跨域 proxy:{//接口配置代理，解决本地调用跨域 '/proxy':{ target:'http://172.16.39.40:6067/lmH/tWlmVue/',//生产...
vue-vue2脚手架12-配置代理(devServer:proxy)
飘然渡沧海的博客
11-20 2518
vue-vue2脚手架12-配置代理 ajax跨域问题 1. 纯js版本 xhr new XMLHttpRequest xhr.open xhr.send 2.jQuery $.get $.post (80%都是封装dom操作，vue的作用就是封装dom) 3.axios 对xhr的封装，作者推荐使用 4.fetch 在ie上兼容较差 使用axios : npm i axios 跨域问题解决 1.cors 服务端在请求添加ht
vue2的配置相关
平安喜乐
09-29 220
vue2的一些配置项
Vue CLI中利用json-server快速搭建mock数据接口教程
在Vue CLI项目中，使用json-server作为mock服务器是一种常用的方法，用于模拟后台数据接口，方便前端开发阶段的快速迭代和本地预览。以下是详细的步骤和配置方法： 1. **准备JSON数据文件**: - 在项目结构中，创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

黑色咖啡 Ken

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值