1.模拟数据及开发,线上环境分配

作者: RtyXmd | 来源:发表于2018-08-20 14:32 被阅读158次
项目地址

github地址、 码云地址

项目数据由easy-mock提供模拟数据,mockjs语法

easy-mock (可跳过)

什么是easy-mock?
easy-mock是一个可视化,并且能快速生成模拟数据的持久化服务,上手简单。为前端开发提供了非常便捷的服务
easy-mock文档

dev与pro环境配置

在config文件中有dev.env.js、prod.env.js分别代表开发环境和生产环境对应的文件,在这里配置对应的地址,那么在开发和打包上线的时候就不用来回切换了

1.prod.env.js 添加测试环境baseurl
module.exports = {
  NODE_ENV: '"production"',
  //这里填写自己项目的开发地址,或者在easy-mock上面创建,如果都没有可以直接用下面这个地址
  BASE_URL: '"https://www.easy-mock.com/mock/5b6142e7cbc4e209c427f9f4/api_v1"'
};
2.dev.env.js 添加生产环境baseurl
const merge = require("webpack-merge");
const prodEnv = require("./prod.env");
module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  //这里填写自己项目的线上地址,或者在easy-mock上面创建,如果都没有可以直接用下面这个地址
  BASE_URL:
    '"https://www.easy-mock.com/mock/5b61451dcbc4e209c427f9fc/dev_api_v1"'
});
移除不必要代码

清空app.vue和helloworld.vue

清理文件
2.封装axios、本地存储,安装vuex、element

相关文章

  • 1.模拟数据及开发,线上环境分配

    项目地址 github地址、 码云地址 项目数据由easy-mock提供模拟数据,mockjs语法 easy-mo...

  • 使用Java工具解决生产故障(一)-jcmd介绍

    1.简介 Java开发的应用程序在线上出现生产故障很常见,通常我们会在开发环境模拟此类故障,但偶尔也会遇到无法成功...

  • LVS-DR类型搭建WordPress

    一、实验环境: 1.各软件版本: 2.实验架构及IP分配(为模拟现实场景,所有虚拟机网卡类型均为桥接): 架构图:...

  • 案例:完成网站简单注册功能的步骤

    1.创建数据库及表 注意: 2 .开发web应用 a、搭建开发环境: 1)添加jar包 2)根据MVC开发模式,创...

  • 生产环境和开发环境baseURL无缝切换

    前端和后端做交互时候,当后端数据没有做好情况,我们在开发环境中需要自己mock数据(mock假数据,模拟开发),这...

  • 前端开发神器之ngrok

    ngrok能做什么,为什么是前端开发神器? 内网穿透,映射本地开发环境到公网,模拟多终端线上环境。 结合一个很简单...

  • 支付宝支付全流程

    支付宝沙箱环境 蚂蚁沙箱环境(Beta)是协助开发者进行接口功能开发及主要功能联调的辅助环境。沙箱环境模拟了开放平...

  • oracle 复制数据到其他 schema

    开发中经常遇到复制数据的需求,比如有开发环境,测试环境,模拟生产环境等;又或者同一项目服务不同的客户。 比如现有s...

  • 支付宝的沙箱环境测试(Django)

    前言:支付宝沙箱环境(Beta)是协助开发者进行接口功能开发及主要功能联调的辅助环境。沙箱环境模拟了开放平台部分产...

  • 2018-12-06 mock.js的使用

    目的 mock.js能够拦截Ajax请求,生成模拟数据进行接口调试,模拟了前后端调试的环境,使得前端开发能够独立于...

网友评论

  • 552f995fc73a:你这个配置是vue 1.x 的啊,我用的vue 2.x 应该如何配置呢
    552f995fc73a:@rty_ 哦哦,搞错了,不是build 目录,哈哈哈哈
    552f995fc73a:@rty_ 不是吧,vue 2.x build 目录下都没那几个js,换成别的了
    RtyXmd:这就是vue 2的配置啊:joy: 2.9.6的:blush:

本文标题:1.模拟数据及开发,线上环境分配

本文链接:https://www.haomeiwen.com/subject/wfxliftx.html