vue-cli2.9.2版本和webpack3.6.0版本在饿了么项目中mock数据的变化

最新推荐文章于 2024-05-10 03:43:25 发布
最新推荐文章于 2024-05-10 03:43:25 发布
阅读量1.4k 收藏 1
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/soxiuzi/article/details/79273983
版权

在低于vue-cli2.9.2版本和webpack3.6.0版本中的饿了么项目中的mock数据操作如下：

 在dev-server.js文件中直接设置，具体参数是

 


而在vue-cli2.9.2版本和webpack3.6.0版本中，构建webpack项目中去除了dev-server.js和dev-client.js两个文件，所以通过其插件的api（devServer.before）来接口数据。操作如下：

找到webpack.dev.conf.js文件，获取数据

 

在devServer添加一个before函数并设置接口


设置成功后，访问/api/seller就能得到数据



该方法来自 https://vue-js.com/topic/5a0fa7586547992b6f9ad7e5

soxiuzi
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue6-webpack
sharryling
03-23 225
nrm 提供镜像地址，并且容易让用户切换镜像地址 npm 管理器 使用： webpack 定义 Gulp 和 webpack 的区别 Gulp：若大任务里面又有很多小任务，这样构建起来就会非常复杂，适合小的任务 Webpack：基于宏观来考虑的，适合大任务 两个的应用场景不一样。: webpack 处理的好处 步骤 1.创建目录 2.把项目管理起来，要注意 如果是中文的目...
vue-cli2升级webpack版本
weixin_42964571的博客
04-27 1489
升级相关依赖 这里建议使用yarn add 或者是npm install 来升级依赖包，这样升级之后的版本信息会写入package.json里面 这里列出我升级依赖包对应的版本 webpack 2.2.1 => 4.43.0 vue 2.3.4 => 2.6.11 “vue-loader”: “^12.2.1” => “vue-loader”: “^15.9.1” vue...
2024基于webpack从0搭建vue项目，vue2
最新发布
2301_76379381的博客
05-10 110
2、 安装完成 在 webpack.config.js 找到 rules 配置 css loader。打包后 会多一个 dist 文件 把 function 去掉了。1、在src，目录下新建一个你的css文件。// 导入自动清除 dist 目录的插件。// 导入自动生成html文件的插件。console.log(‘孙志豪’)// 导入核心模块 path。
5. vue.js-饿了吗全套-Vue-cli开启Vuejs项目
语言小蛀虫
08-01 1015
Vue-Cli一、介绍 vue-cli 是Vue 的脚手架工具 帮助我们编写好Vue.js 基础代码的工具 包括： 1. 目录结构 2. 本地调试 3. 代码部署 4. 热加载 5. 单元测试 二、 官方介绍 地址 https://github.com/vuejs/vue-cli 三、安装 node 安装 vu
基于2.9.6vue-cli初始化webpack工程
weixin_30600197的博客
06-27 413
前天做了组内的分享 讲了些webpack的东西 整个流程以及build文件夹内webpack相关的一些js所有的代码 每行代码什么意思 有什么作用 都做了很详细的标明。 webpack是3.6的 今天又简单写了些webpack4.5的更新 整个项目代码都在github上， 项目地址：https://github.com/yangaolin/vue-cli-webpack 喜欢的可以点个star 会...
Vue、Vue CLI、Webpack 和 Webpack CLI 的版本兼容对照表
qq_24600981的博客
05-23 5828
这些指南只是一些常见的版本兼容性指南。在实际项目中，取决于具体的应用场景和使用的组件库，不同版本之间可能还存在其它的兼容性问题。因此，我们建议使用最新版本的 Vue、Vue CLI、Webpack 和 Webpack CLI 来获得最佳的性能、安全性以及最新的功能和改进。同时，在使用前应该先了解相应版本的官方文档和版本兼容性指南。
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
主要介绍了webpack4+Vue搭建自己的Vue-cli，对于vue-cli的强大,使用过的人都知道,极大的帮助我们降低了vue的入门门槛,感兴趣的朋友跟随脚本之家小编一起看看吧
用npm安装vue和vue-cli,并使用webpack创建项目的方法
10-17
本文将详细介绍如何使用npm安装Vue.js和Vue CLI，并通过Webpack创建项目。首先，确保你的npm版本大于3.0，因为更低版本可能不支持某些功能。你可以通过在命令行输入`npm -v`来检查当前版本。如果版本过低，可以使用`...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
12-09
最近遇到一个问题，用 Vue 开发的项目在最近两年新出的安卓手机上没问题，在三四年前的旧...网上的文章大部分是 Vue-cli 2.x 版本的解决方案，但 Vue-cli 3 跟之前的版本还是有很大差异的，可能是我比较菜，看了 n 篇文
在Vue中使用HappyPack
qq_45043000的博客
09-17 1825
在Vue中使用HappyPack这篇文章主讲在Vue中使用HappyPack介绍HappyPack安装HappyPack引入HappyPack使用方法 这篇文章主讲在Vue中使用HappyPack 这篇文章主要讲的的是在Vue中使用HappyPack，其中涉及到的其他webpack中的知识点，不做讲解。 介绍HappyPack 当你要搜这篇文章是，你肯定已经知道了这个HappyPack的作用是什么，但是呢我们还是要说一下他的作用是什么。 防止随机点进来的同学 一脸懵比的进来，一脸懵逼的出去。 由于有大量文
vue-cli3项目优化
susanliy的博客
08-04 1465
*原理：**如果一些第三方模块没有AMD/CommonJS规范版本，可以使用 noParse 来标识这个模块，这样 Webpack 会引入这些模块，但是不进行转化和解析，从而提升 Webpack 的构建性能 ，例如：jquery 、lodash。我们使用 DllPlugin 将不会频繁更新的库进行编译，当这些依赖的版本没有变化时，就不需要重新编译。**原理：**有些时候，如果所有的JS文件都打成一个JS文件，会导致最终生成的JS文件很大，这个时候，我们就要考虑拆分 bundles。
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
05-10
share a share project Build Setup 2018-06-25 基于2.9.6的vue-cli初始化webpack工程 build文件夹中的webpack相关的js写明了详细的注释，每行代码什么作用，每个插件什么作用。 2018-06-27 简单记录webpack4的一些更新
详解vue-cli快速构建vue应用并实现webpack打包
11-30
Vue是什么，是一套构建用户界面的渐进式框架（官网解释），什么叫渐进式框架呢，简单回答就是主张最少，这些概念只能自己去看，自己去理解，一千个读者一千个哈姆雷特，不过多的解释。Vue官方文档 很全面的。 Vue两大核心思想，组件化和数据驱动，组件化就是将一个整体合理拆分为一个一个小块（组件），组件可重复使用，数据驱动是前端的未来发展方向，释放了对DOM的操作，让DOM随着数据的变化自然而然的变化（尤神原话），不必过多的关注DOM，只需要将数据组织好即可。 一、什么是vue-cli vue-cli是由vue官方发布的快速构建vue单页面的脚手架。参见vue-cli官方网站。http://vuejs
【实战篇】基于vue-cli创建的项目进行打包优化
Equicy的博客
08-02 2336
一、前言 阅读完该文章大概需要2.5min。 读完该篇文章你能学到 vue-cli默认做了哪些优化？ 在cli的基础上我们又能做哪些优化？ vue.config.js中如何配置一些常用的plugin和loader vue-cli的出现，让我们省掉了配置webpack的时间。也就是说，一个不懂webpack的人，也能直接上手开发。比如file-loader, url-loader会提前为我们配置好。 性能方面，vue-cli也默认尽可能多的帮我们做了优化，比如cache-loader会在项目
关于vue-cli2.9.1之后数据mock的配置问题
m0_37732339的博客
09-10 555
在老版本(具体指vue-cli 2.9.1之前)的版本,数据的mock导入主要通过以下方式 在bulid目录下找到dev-server.js文件,打开编辑     (**关于dev-server.js文件:         这个文件里记录的是项目的服务器配置,事实上运行服务器所使用的             npm run dev         命令,经过配置文件package.json后也是启...
vue版本以及webpack版本
热门推荐
关于安安的博客
04-17 2万+
vue作为大前端的主流框架 更新速度也是极快。 那么vue的更新会有哪些问题呢？最近在搭建vue框架的时候发现由于vue版本的快速迭代已经与原本般配的webpack产生了隔阂。webpack作为大前端的主流打包工具 如果与之不兼容，会有越来越多的麻烦事情。 经过反复测试，得出结论一篇 vue与webpack最佳拍档组合版本号公布。   npm init npm install webpa...
新版 vue-cli 2.9.1的webpack的存在问题解决
weixin_34034261的博客
11-18 411
最新vue-cli 2.9.1的webpack存在问题 最近vue-cli更新，用其构建项目的时候，发现bulid文件下少了两个文件，分别是dev-sever.js和dev-client.js vue-cli 2.8 vue-cli 2.9.1 这是为什么呢 我们查看下package.json vue-cli 2....
最新vue-cli 2.9.1和2.8.x版本的区别
积少成多
04-18 4363
最近vue-cli更新，用其构建项目的时候，发现bulid文件下少了两个文件，分别是dev-sever.js和dev-client.js vue-cli 2.8 vue-cli 2.9.1 这是为什么呢 我们查看下package.json vue-cli...
vue-cli工具2.9以上版本的使用
cnjy_的博客
02-23 2790
新版vue-cli使用基础第一步安装安装和原来的一样，执行命令，全局安装 npm install vue-cli -g新建项目 vue init webpack Vue-Project进入到项目，安装依赖包 cd Vue-Project npm install运行项目 npm run dev 与旧版本区别  安装与新建项目跟旧版本没有什么变化，最大的变化是build文
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
09-07
vue-cli是一个构建Vue.js工程的脚手架工具，帮助开发者快速搭建和...总之，使用vue-cli 2.9.6版本初始化webpack工程能够为开发者提供一个基于webpack的Vue.js开发环境，使他们能够更高效地进行Vue.js项目的开发和管理。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值