Server

server为本地服务，不是后端服务，主要作用是：

• mock服务：当后端接口未就绪时，使用自定义的数据模拟接口调用；
• 静态文件服务：开发阶段使用本地静态资源替代线上的cdn资源；

运行

1. 命令行进入server目录，执行npm包安装：npm install（或者使用yarn）;
2. 执行npm run dev。

done！

mock服务

mock的配置文件为server/mock/init.js，假设我需要一个获取我的用户信息的接口：

function init(server) {
  server.get('/user/myInfo', (req, res) => {
    res.json({
      code: 0,
      data: {
        id: '123456',
        name: 'Jack'
      },
      msg: 'succ',
    });
  });
}

接着我就可以通过访问http://localhost:8080/user/myInfo得到我预设的json。

静态文件服务

如果我们想要随意地切换静态资源服务环境，那么我们在使用静态资源的时候就不能hard code，那我们怎么做呢？我们使用wxs来配置静态资源的前缀。

client/wxs这一目录存放的是wxs文件，其中我们预定义了cdnPathTable.wxs，它的含义类似于client/config.apiUrlTable.js，我们定义了local、dev、release三个环境，然后在wxml文件中使用：

<!-- pages/index/index.wxml -->
<wxs src="../../wxs/index.wxs" module="utils"></wxs>
<image src="{{utils.cdnPath}}/img/avt.jpg" />

这里的wxs和config其实没有什么区别，选择定义在wxs中是因为wxs在wxml中使用十分方便。