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

    相关文章

      网友评论

      • 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