Vue 2.0 --webpack.dev.conf.js--本地模拟数据（因为2.0删除了build文件下的dev-server.s ）！！

最新推荐文章于 2024-05-10 18:55:27 发布
最新推荐文章于 2024-05-10 18:55:27 发布
阅读量623 收藏 3
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38776549/article/details/80368541
版权

在Vue2.0下官方移除了build文件下的dev-server.js,但是我们想要模拟本地数据怎么办呢？

可以在build/webpack.dev.conf.js里模拟数据

所有的前提是你安装好了Vue-cli脚手架工具!!!

第一步！一步

安装express 建议 npm install --save express

然后再 npm run dev 

第三张图第二个网页也是个模拟数据的网站，有需要的话可以发私信，我会做一个小的Vue模拟数据帖子！

 

细说webpack-dev-server --inline --progress --config build/webpack.dev.conf.js的一二三
changyandou2020的博客
08-10 1083
在vue-cli的脚手架创建后开发环境调试下webpack-dev-server是如何读取webpack.dev.conf.js中的内容的
vue模拟本地数据（webpack.dev.conf.js）
是喵喵酱呀！
04-07 279
三个步骤 1：在static文件夹下面方式模拟json数据文件（我命名为schedule.json） 2：在webpack.dev.conf.js webpack.dev.conf.js 的const portfinder = require('portfinder') 后面加上 const express = require('express'); const app = express();...
vue-cli脚手架build目录中的webpack.dev.conf.js配置文件
Amanda_wmy的博客
05-05 859
vue-cli脚手架build目录中的webpack.dev.conf.js配置文件 此配置文件是vue开发环境的wepack相关配置文件 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中...
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 4865
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
vue -- 脚手架之webpack.dev.conf.js
weixin_33989780的博客
09-26 211
webpack.dev.conf.js 开发环境模式配置文件： 'use strict'//js按照严格模式执行 const utils = require('./utils')//导入utils.js const webpack = require('webpack')//使用webpack来使用webpack内置插件 const config = require('../conf...
Vue - build - webpack.dev.conf.js解析
Hxp_123456的博客
09-26 583
//合并基础的webpack配置 //使用styleLoaders //配置Source Maps //配置webpack插件 ‘use strict’ const utils = require(’./utils’) const webpack = require(‘webpack’) const config = require(’…/config’) const merge = requir...
详解vue-cli脚手架build目录中的dev-server.js配置文件
10-18
最后，dev-server.js使用webpack模块，根据环境变量决定加载webpack.dev.conf.js（开发环境的webpack配置）还是webpack.prod.conf.js（生产环境的webpack配置）。这是利用了Node.js的条件判断语句来动态引入文件，...
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
m0_67393593的博客
03-02 1236
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
vue2.0在没有dev-server.js下的本地数据配置方法
11-30
在vue2.0的以上的版本，vue-cli的build的文件夹下没有dev-server.js文件，那怎么配置mock数据 Vue2.x在build下的webpack.dev.conf.js配置就行 //在const portfinder = require(‘portfinder')后添加 const express...
“webpack-dev-server --config build/webpack.dev.conf.js” 请问这个问题要如何修复
最新发布
weixin_42565831的博客
05-10 224
反映了你的实际部署路径。
vue项目的build文件夹的webpack.dev.conf.js文件说明
前端-黎姿
04-21 2234
webpack配置开发环境中的入口 ‘use strict’ const utils = require(’./utils’) const webpack = require(‘webpack’) const config = require(’…/config’) const merge = require(‘webpack-merge’)//webpack-merge实现合并 const pa...
前端项目启动报错：config buildwebpack.dev.conf.js
Jan's的博客
10-24 4647
启动成功，说明之前端口地址，可能被占用，尝试修改启动端口，或者kill占用此端口的线程。所以说有些教程就挺害人的，当然，一般搞前端也知道这些是错的，就怕不懂的。的版本，吐槽一下，网上很多命令就不对，比如下面这个教程，我截了个图。然后，卸载原来的webpack、安装对应版本webpack。如果不行，那我也不知道了，请参考浏览器吧。这种情况下报错，一般呢，是有3种情况。地址设置的是服务器的地址啥的也有可能。映射关系，需要修改本机host文件。地址无效，尝试修改一个不常用端口号。，如果能够启动成功，说明本机。
data.json
weixin_30578677的博客
01-16 438
{ "seller": { "name": "粥品香坊（回龙观）", "description": "蜂鸟专送", "deliveryTime": 38, "score": 4.2, "serviceScore": 4.1, "foodScore": 4.3, "rankRate": 69.2, "minPrice": 20, "delive...
Vue进阶（五十二）：vue-cli 脚手架 webpack.dev.conf.js 配置文件详解
IT全栈 华强工作室
05-09 5256
此配置文件是vue开发环境的wepack相关配置文件。 // 引入当前目录中的utils工具配置文件 var utils = require('./utils') // 引入webpack来使用webpack内置插件 var webpack = require('webpack') // 引入config目录中的index.js配置文件 var config = require('../confi...
最新的vue没有dev-server.js文件，如何进行后台数据模拟？
热门推荐
涂涂
12-18 2万+
参照了别人写的记录一下 最新的vue里dev-server.js被替换成了webpack-dev-conf.js 在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改 //第一步 const express = require('express') const app = express()//请求server var appData = req
vue运行报错：`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
qq_46222892的博客
04-21 3343
一、问题描述： 因为我的电脑第一次启动已打包的vue项目，只要npm run dev就会报“ vue:hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ”这个错，弄了好多天，也百度了很多方法都没有起作用，我就新建一个项目看一下可不可运行，果然不出我所料，localhost 无法访问 二、问题原因： win10的电脑localhost拒绝访问 ! 三、解.
vue2.0配置webpack.dev.conf.js加载本地json数据
anao1436的博客
05-20 316
打开webpack.dev.conf.js 在const portfinder = require('portfinder')后加入以下配置 1 const express = require('express') 2 const app = express() // 请求server 3 var appData = require('../data.json') //加载本...
手撕vue-cli配置——webpack.dev.conf.js篇
a543181593的博客
02-11 290
const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('webpack-merge') const path = require('path') const baseWebpac...
【Vue】项目中没有webpack.config.js
qq_36651752的博客
08-01 5444
Vue新搭建脚手架工程，发现项目结构中没有webpack.config.js(打包配置文件)； 在Vue-CLI3的项目中，起相同作用的文件是vue.config.js。 更多使用相关请参照官网文档：https://cli.vuejs.org/zh/config/#%E5%85%A8%E5%B1%80-cli-%E9%85%8D%E7%BD%AE 此文章本人原创，如有问题底部留言，如有转载请标明出处。 －－HurryChen Happy C.
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
08-24
你可以启动webpack-dev-server，其中"--inline"选项用于在浏览器中内联模式显示编译错误和警告，"--progress"选项用于在控制台中显示编译进度，"--config build/webpack.dev.conf.js"选项用于指定webpack配置文件的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值