微信小程序如何访问网络资源

此文以无资源开发框架为例个人开发者-无资源开发（微信小程序）-优快云博客

一、创建请求页面

创建新页面，在app.json文件里新创建一个页面，在pages里录入 pages/top/top

录入之后点击会在pages文件生成文件夹top,top中含有多个子文件如图所示：

分别写入代码：

wxml文件（类似HTML语言）top.wxml：

<view>

  <button class='bottom'  lang="zh_CN" bind:tap="loginET">

微信授权登录

  </button>

</view>

wxss文件（类似css语言）top.wxss：

.bottom {  

  width: 100px; /* 根据需要调整宽度 */  

  height: 45px; /* 根据需要调整高度，确保宽高相等以实现圆形 */  

  background-color: #f58504fd; /* 设置背景颜色 */  

  color: white; /* 设置字体颜色 */  

  font-size: 18px;

  line-height: 30px; /* 设置行高与高度相等，确保文本垂直居中 */  

  display: block; /* 阻止按钮换行 */  

}  

js文件top.js：

import requestUrl from '../../utils/util.js';

Page({

  data: {

    isAgreed: false ,// 初始未勾选状态 ,

    show:false

  },

 loginET:function(){

    if (this.data.isAgreed){

      try { 

      wx.login({

        success: res => {

            if (res.code) {

                requestUrl.requestUrl({

                    url: "/checkyesornofirstlogin",

<