在vue2.0中没有dev-server.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的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 就可以了。

转  https://www.php.cn/js-tutorial-400868.html

原文地址:https://www.cnblogs.com/zhoujuan/p/12242957.html

时间: 2024-10-28 00:13:15

在vue2.0中没有dev-server.js下配置方法<转>的相关文章

vue2.0中使用sass

第一部分:Sass语言 Sass是一种强大的css扩展语言(css本身并不是一门语言),它允许你使用变量.嵌套规则.mixins.导入等css没有但开发语言(如Java.C#.Ruby等)有的一些特性,并且完全兼容CSS语法.Sass有助于保持大型样式表结构良好. Sass有两种语法. 一种称为SCSS,是一个CSS3语法的扩充版本,也就是说,所有符合CSS3语法的样式表也都是具有相同语法意义的SCSS文件,SCSS样式表文件要以.scss扩展名结尾.在vue中,我们可以使用<style lan

vue2.0中使用mint ui做底部选项卡切换

首先在vue2.0中webpack中下载 mint ui 然后再main.js引入 这样就可以使用mint ui里面的布局组件了html部分(就是你要使用底部选项卡的部分) <!--底部选项卡--><mt-tab-container v-model="selected"> <mt-tab-container-item id="one"> one </mt-tab-container-item> <mt-tab-c

解决新版本webpack vue-cli生成文件没有dev.server.js问题

新版本webpack生成的dev.server.js 在webpack.dev.conf.js中 webpack.dev.conf.js const axios = require('axios') const express = require('express') const app = express() const apiRoutes = express.Router() app.use('/api', apiRoutes) 然后找到devserver 这里可以配置路由 devServe

vue2.0 中#$emit,$on的使用详解

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用,改用$emit,$on 1. vm.$on( event, callback ) 监听当前实例上的自定义事件.事件可以由vm.$emit触发.回调函数会接收所有传入事件触发函数的额外参数. 1 vm.$emit( event, [-args] ) 触发当前实例上的事件.附加参数都会传给监听器回调. 例子: 1 //父组件 2 <template> 3 <ratingselect @select-type=&

vue2.0中router-link详解

vue2.0中router-link详解:https://blog.csdn.net/lhjuejiang/article/details/81082090 在vue2.0中,原来的v-link指令已经被<router-link>组件替代了 <router-link>组件支持用户在具有路由功能的应用中点击导航.通过to属性指定目标地址,默认渲染为带有正确连接的<a>标签,可以通过配置tag属性生成别的标签.另外,当目标路由成功激活时,链接元素自动设置一个表示激活的css

使得CI在NetBeans 8.0中自动提示CI相关类和方法

把这两个文件放到项目文件根目录的nbproject文件夹下面,运行index.php如:http://localhost/你的CI目录/nbproject/index.php,之后重启netbeans.试试写$this->看后面出现什么!哈哈哈 index.php ===============================================  <?php$filearr = file('CI_Autocomplete_2.0.php');$startpos = array()

Windows Server 2016下配置NFS集群

说到Windows下集群,大家都会想到Windows系统自带的故障转移的集群服务,详细的我们就不多说了,今天主要介绍的Windows Server 2016下配置NFS服务集群,我们为什么搭建今天的服务呢?是有一定的原因的,在此我们就说说原因吧~从去年年开始公司就一直上线OA系统,OA系统中有一个附件服务器,通过Mount的方式做共享数据,由于之前做的是单点,供应商也没有好的方法,所以就想到了用windows的NFS做集群,经过尝试确实效果还不错,所以分享给有需要的同学参考. 环境介绍: Hos

zend server mac 下配置

Post Installation on Mac OS X If you intend to use PHP and other tools provided by Zend Server (pear and pecl) from the command line (PHP CLI), it is recommended that you add the <install_path>/bin directory to your $PATH environment variable. This

(转)在Eclipse中进行C/C++开发的配置方法(20140721最新版)

因准备考试原因需要在windows下配置C++标准运行环境,找到此文,Mark之. 先列举下自己遇到的情况: 1 JRE安装不上,点了exe文件后没有反应:   安装JDK!!! 2 Eclipse找不到JRE:   将jdk安装目录下的jre文件夹,copy到eclipse根目录下. 3 没有按原文所说的改名字.运行正常. 原贴地址: http://blog.csdn.net/baimafujinji/article/details/38026421 Eclipse 是一个开放源代码的.基于J