前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >1.模拟数据及开发,线上环境分配

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

作者头像
RtyXmd
发布2018-08-30 14:41:51
5360
发布2018-08-30 14:41:51
举报
文章被收录于专栏:前端vue前端vue前端vue

项目数据由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

清理文件

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.08.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • easy-mock (可跳过)
  • dev与pro环境配置
    • 1.prod.env.js 添加测试环境baseurl
      • 2.dev.env.js 添加生产环境baseurl
      • 移除不必要代码
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档