微信小程序开发-连接本地接口

这几天下班回来都会查下小程序相关的知识，结合马上要做的项目，想着小程序后台应用java+mysql，但是相关的教程和资料不是很多，开发步骤一直很模糊，今天找了下资料，小程序可以连接本地服务接口，试了下是可以的，接口目前还没有写，后面待补充。
新建项目，选择时候不选择云函数和腾讯云
.wxml代码

    <view>
      <button bindtap='bindtest'>test</button>
    </view>

.js代码

bindtest: function () {
  wx.request({
    url: 'http://localhost:8080/Demo01/servlet02',
    data: {
      username: '001',
      password: 'abc'
    },
    method: 'GET',
    header: {
      'content-type': 'application/json' // 默认值
    },
    success: function (res) {
      console.log(res.data);
    },
    fail: function (res) {
      console.log(".....fail.....");
    }
  })
},

刷新后会报如下错误

image.png

接下来操作为，选择设置-项目设置

image.png

右弹出设置界面，最下的“不校验合法域名。。。”勾选上即可

image.png