vue2.0在没有dev-server.js下的本地数据配置方法
问题描述:
在vue2.0的以上的版本,vue-cli的build的文件夹下没有dev-server.js文件,那怎么配置mock数据
Vue2.x在build下的webpack.dev.conf.js配置就行
//在const portfinder = require(‘portfinder')后添加 const express = require('express') // nodejs开发框架express,用来简化操作 const app = express() // 创建node.js的express开发框架的实例 var appData = require('../mock/goods.json') //加载本地数据文件 var seller = appData.seller var apiRoutes = express.Router() // 编写路由 app.use('/api', apiRoutes) // 所有通过接口相关的api都会通过api这个路由导向到具体的路由
如图
在找到devServer对象,在里面添加相关路由设置
before (app) { app.get('/api/seller', function (req, res) { // 服务端收到请求后返回给客户端一个json数据 res.json({ // 当我们数据正常时,我们通过传递errno字符为0表示数据正常 errno: 0, // 返回json中的卖家数据 data: seller }) }) }
接下来只需重新 npm run dev
就可以的数据
总结
以上所述是小编给大家介绍的vue2.0在没有dev-server.js下的本地数据配置方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
您可能感兴趣的文章:
- 详解vue-cli脚手架build目录中的dev-server.js配置文件
- 浅谈vue-cli加载不到dev-server.js的解决办法
相关推荐
-
详解vue-cli脚手架build目录中的dev-server.js配置文件
本文系统讲解vue-cli脚手架build目录中的dev-server.js配置文件 1.这个配置文件是命令npm run dev 和 npm run start 的入口配置文件,主要用于开发环境 2.由于这是一个系统的配置文件,将涉及很多的模块和插件,所以这部分内容我将分多个文章讲解,请关注我博客的其他文章 3.关于注释 •当涉及到较复杂的解释我将通过标识的方式(如(1))将解释写到单独的注释模块,请自行查看 4.上代码 // 导入check-versions.js文件,并且执行导入的函数,用
-
浅谈vue-cli加载不到dev-server.js的解决办法
在使用vue开发过程中,难免需要去本地数据地址进行请求,而原版配置在dev-server.js中,新版vue-webpack-template已经删除dev-server.js,改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可. #webpack.dev.conf.js //首先 // nodejs开发框架express,用来简化操作 const express = require('express') // 创建node.js
-
vue2.0在没有dev-server.js下的本地数据配置方法
问题描述: 在vue2.0的以上的版本,vue-cli的build的文件夹下没有dev-server.js文件,那怎么配置mock数据 Vue2.x在build下的webpack.dev.conf.js配置就行 //在const portfinder = require('portfinder')后添加 const express = require('express') // nodejs开发框架express,用来简化操作 const app = express() // 创建node.js
-
关于Webpack dev server热加载失败的解决方法
利用Webpack dev server作为热加载服务器时,出现以下错误: XMLHttpRequest cannot load http://localhost:8080/dist/06854fc8988da94501a9.hot-update.json. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost' is therefore not
-
vue2.0路由切换后页面滚动位置不变BUG的解决方法
最近项目中遇到这样一个问题,vue切换路由,页面到顶端的滚动距离仍会保持不变. <a href="javascript:;" rel="external nofollow" class="btn btn01" @click="useRightNow">立即试用</a> <router-link class="db" to="/user">个人中心<
-
jQuery+jsp下拉框联动获取本地数据的方法(附源码)
本文实例讲述了jQuery+jsp下拉框联动获取本地数据的方法.分享给大家供大家参考,具体如下: JQuery下拉框联动很好的体现了Ajax的按需取数据的要求,减小数据的交互量.(点击此处下载源代码) 下面的实例使用Json将服务器端的类或者对象转换为JSON格式,主要运用了6个jar包 commons-beanutils-1.7.0.jar commons-collections-3.2.jar commons-lang-2.3.jar commons-logging-1.0.4.jar ez
-
CentOS服务器环境下MySQL主从同步配置方法
本文实例讲述了CentOS服务器环境下MySQL主从同步配置方法.分享给大家供大家参考,具体如下: 一.环境 主机: master操作系统:centos 5.3 IP:192.168.1.222 MySQL版本:5.0.77 从机: slave操作系统:centos 5.3 IP:192.168.1.220 MySQL版本:5.0.77 二.创建数据库 分别登录master机和slave机的 mysql:mysql –u root –p 创建数据库: create database repl;
-
CentOS7服务器环境下vsftpd安装及配置方法
本文实例讲述了CentOS7服务器环境下vsftpd安装及配置方法.分享给大家供大家参考,具体如下: 0x:卸载vsftpd [root@localhost ~]# yum remove vsftpd [root@localhost ~]# find / -name "vsftpd*" /etc/vsftpd /etc/vsftpd/vsftpd.conf.bak [root@localhost ~]# rm -fr /etc/vsftpd/ 1x:重新安装 [root@localho
-
Yii遍历行下每列数据的方法
本文实例讲述了Yii遍历行下每列数据的方法.分享给大家供大家参考,具体如下: 效果图如下: 控制器(1种): //显示列表 public function actionList() { //实例化对象 $model= new Qiu(); $country = \Yii::$app->db; //查询数据 $data = $country->createCommand("select * from qiu join region on qiu.region_id=region.reg
-
Ubuntu下Telnet服务器的配置方法
1. 首先介绍linux中的守护进程 在Linux系统中有一个特殊的守护进程inetd(InterNET services Daemon),它用于Internet标准服务,通常在系统启动时启动.通过命令行可以给出inetd的配置文件,该配置文件列出了inetd所提供的服务清单.如果没有在命令行给出配置文件,那么inetd将从文件/etc/inetd.conf中读取它的配置信息.inetd的主要任务是为那些没有在系统初始化时启动的服务器进程监听请求,它在同配置文件中列出的服务相关联的TCP或UDP
-
CentOS7下 Apache的安装配置方法
前些天安装了Nginx,为了好玩我就又安装Apache,Apache的安装还算顺利.在此做一下学习记录和经验分享. 一.安装httpd 1.先查看一下系统有没有已经安装了httpd的,如果啥都没查到,那就是没安装呗.如果有#rpm -e 查到的rpm报名,进行删除即可. #rpm -qa | grep httpd 2.我这里就直接使用yum安装了(会自动安装依赖包),为了简单方便. yum -y install httpd 3.httpd -v 查看安装版本,安装成功之后,查找配置文件位置,对h
-
虚拟机linux下静态IP的配置方法
具体内容如下所示: 先对网络接口配置文件ifcfg-eth0进行设置 1.cd /etc/sysconfig/network-scripts/ 2.vi ifcfg-eth0 # Advanced Micro Devices [AMD] 79c970 [PCnet32 LANCE] DEVICE=eth0 ##设备名称 BOOTPROTO=static ##设置静态IP或则动态IP HWADDR=00:0C:29:C4:29:F4 ##MAC地址-物理地址 IPADDR=172.16.8.72
随机推荐
- XML CDATA是什么?
- java按钮控件数组实现计算器界面示例分享
- Java加解密技术系列之RSA详解
- JavaScript模拟重力状态下抛物运动的方法
- JavaScript实现图片滑动切换的代码示例分享
- php flv视频时间获取函数
- thinkphp3.2中实现phpexcel导出带生成图片示例
- Python类属性与实例属性用法分析
- 利用Query+bootstrap和js两种方式实现日期选择器
- JS显示下拉列表框内全部元素的方法
- php GeoIP的使用教程
- python 打印对象的所有属性值的方法
- php curl登陆qq后获取用户信息时证书错误
- 通过 Redis 实现 RPC 远程方法调用(支持多种编程语言)
- jquery uploadify 在FF下无效的解决办法
- 使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
- 用原生js做单页应用
- Node.js编写组件的三种实现方式
- Java中面向对象的知识点总结
- php数组指针操作详解