初入小程序踩的坑（http请求、npm构建）

最新推荐文章于 2022-09-15 19:35:52 发布
最新推荐文章于 2022-09-15 19:35:52 发布
阅读量265 收藏
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/apple596529/article/details/105161251
版权

https本地请求

1.关于小程序不能使用本地请求
官网做如下说明：
在这里插入图片描述
仔细看第二点可以使用局域网ip，也就说使用你本机ip4地址就可以了。
第二点
如果你使用了小程序开发工具，请关掉它
在这里插入图片描述
2.小程序直接发送post请求后台接收不到参数，或报400
在这里插入图片描述
@RequestParam对应post的content-type 为 application/x-www-form-urlencoded编码的内容，提交方式GET、POST。
@RequestBody接受的是一个json对象的字符串，而不是Json对象对应的content-type 为application/json

npm构建

  1. 打开项目目录cmd进入控制台
  2. 输入命令： npm init 一路回车
  3. 输入命令：npm install --production
  4. 打开开发者工具点击工具选择构建npm
欲指_Object
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
早晚答题微信小程序源码
02-27
介绍 答题，题目解析，分享，模拟考试，排名，签到功能，获得积分 利用微信小程序方便进行答题操作 增加了汉字查询、成语查询、英汉词典、诗词歌赋、萌宝启蒙等功能 增加了汉字笔画书写功能 将utils/constant.js.example 重命名为constant.js constant.js里面配置后台接口地址和请求接口的token 汉字笔画功能了修改npm包的源码，使用构建npm功能完成之后，找到构建后的hanzi_witer/index.js里面找到代码_animationFrame方法内容替换为下面代码：
微信小程序使用HTTP请求_绕过HTTPS_云函数 request-promise get、post 请求SpringBoot 超详细使用总结
LW_Hadoop的博客
07-27 7655
微信小程序使用HTTP请求_绕过HTTPS_云函数 request-promise get、post 超详细使用总结 在微信小程序中鹅产出于安全性的考虑限定了小程序使用的服务器请求必须是HTTPS，即需要合法域名的备案才行，默认是不支持HTTP请求的，当然开发版和本地、真机调试是只要在 详情里的本地设置中关闭合法域名校验也是可以使用HTTP进行测试的，但是一旦发布体验版或者正式版是无法通过请求的。但是同时鹅厂也提供了云开发的支持，而云开发是支持node.js的,那么我们可以通过使用 request-prom
微信小程序怎么构建npm？
qq_37805832的博客
09-04 5810
因为系统引入外部UI库时需要的。不然外部的UI库运行不起来.
构建Npm模块
小柒的前端之旅
01-12 1483
前面的话 我们平时都是使用npm仓库中别人的模块，如果我们想自己创建模块并且发布到Npm仓库供别人使用，应该如何操作呢？ Npm仓库的模块特点 在每个模块根目录下都应该必须有一个描述该模块的package.json文件。 模块中的文件已JavaScript文件为主，但不限于JavaScript文件，也可以同时有JavaScript、css、图片文件 模块最好遵守CommonJs模块化规范（目前支...
6.1、小程序访问http服务器(C#)
huangcheng42123的博客
11-23 2491
一、IIS配置 IIS (Internet Information Services)是windows的系统组件，可以按用户的要求来安装和卸载。 其作用是（根据用途来说）在做网页设计（其中重点是网页设计类的汇编语言如：asp、java等）的基本服务器（即本地服务器），可以用它来实现和运行（测试）你所制作的网页。 1、打开程序功能： 2：找到IIS (Internet Information Services)，并把底下的“Web管理工具”、“万维网服务”以及子项全都勾选 W...
GET/POST请求、Web模块、NPM使用介绍
asdfg_asdsa的博客
09-15 374
GET/POST请求、Web模块、NPM使用介绍
npm（五）：构建组件发布npm包全流程 (使用rollup打包工具)
知之为知之，不知为不知
09-27 6620
网上很少有自制npm包的教程，而且很多难点，因此我做了这期博客这样大家就不用去二次爬坑了。 自制前端插件并发布到npm一般都需要打包工具，因为npm本身是运行在node里的，而node不支持es6的import语法，而前端包一般都使用import语法来模块化，所以我们需要用打包工具+babel。...
微信小程序demo空框架
02-03
剥离了业务代码，一个上手即用的项目，可以直接开发小程序页面，引入了两款Ui框架vant的weapp和原生 weui，封装了 request 请求和微信登陆获取code，非常便捷调用，留了一个页面的写法作为例子。注意在工具里构建npm...
action:GitHub Action报告您的npm软件包的大小
05-03
:fire: Node.js软件包安装程序不可知，支持从npm，yarn，pnpm自动锁定文件安装 :clamp: 查看压缩大小选项以显示未压缩大小，Gzip和Brotli大小 :gear: 可配置更改构建命令。 自定义报告格式。 过滤掉不需要的文件...
npm-consider：安装之前检查软件包的依赖关系
02-02
分析本地包在程序包目录中不带参数的情况下调用时，它将构建依赖关系图并计算本地程序包的指标npm-consider install用于自动化和持续集成您可以在package.json config中指定大小和数量的最大值以及允许的许
RestClient：灵活的HTTP客户端
01-30
RestClient 用于浏览器的Restful HTTP客户端。 安装 使用npm： $ npm install @baiducloud/restclient 例 基本用作发布方法。 import { Client } from '@baiducloud/restclient' ; const client = new Client ( ) ; const params = { name : 1 } ; const options = { headers : { 'X-request-By' : 'RestClient' } } ; client . post ( '/api/test' , params , options ) . then ( data => { ... } ) ; 用作在ES6中扩展的基类。 import { Client } from '@baiducloud/restclient' ; export default new class extends Client { constructor
hired:专为小型组织构建的面试计划应用程序
04-30
IGEN雇用 开始 克隆文件夹后， ...转到backend文件夹以了解如何设置后端。 完成后，请回到这里。 完成后，在终端中运行npm run dev 。 这应该使服务器和...在Github的网站上，找到您的分支，然后单击“发出拉取请求”
微信开发者工具构建npm
weixin_45654563的博客
02-17 2992
微信开发者工具构建npm
小程序构建npm的方法
CatLian的博客
06-17 3913
构建npm的步骤 1、首先用终端进入到小程序的文件夹，执行npm init 初始化仓库，这个时候仓库里就有了package.json这个文件了。 2、在终端中执行npm install --production xx ，xx是你想安装的依赖包。 3、点击开发者工具中的 工具－构建npm，构建成功之后就会在开发者攻击中看到一个miniprogram_npm这个文件夹，这个时候就已经可以使用依赖了。 ...
微信小程序构建npm
一起coding，一起嗨。
01-06 3064
一、官方文档 https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html npm 支持 从小程序基础库版本2.2.1或以上、及开发者工具1.02.1808300 或以上开始，小程序支持使用 npm 安装第三方包。 此文档要求开发者们对 npm 有一定的了解，因此不会再去介绍 npm 的基本功能。如若之前未接触过 npm，请翻阅官方 npm 文档进行学习。 tips：在小程序中使用npm包前，需先构建 npm ...
微信开发者工具构建npm时报错的解决方法
Chenximldjt的博客
07-17 5048
许多人下载好vant-weapp的包之后去微信开发者工具构建npm模块时报错！正确的解决方法来了！ 先来看简要操作： 1、第一步：npm init 2、第二步：npm install --production 3、第三步： npm i @vant/weapp -S --production 接下来看详细操作： 一、windows+R打开运行，cmd进入控制台，然后切换到需要操作的目录。 二、操作步骤 1、第一步：npm init 2、第二步：npm install --production
内网npm i node-sass网络请求超时
m0_67597542的博客
07-26 373
node-sass网络请求超时，安装windows-build-tools时卡在Successfully installed Python 2.7
微信小程序：小程序开发测试时候使用http请求
软贱开发攻城狮
09-10 5743
在微信小程序开发过程中，微信开发平台要求线上上线的微信小程序配置的合法域名以及网络请求必须是https。但是一般在开发测试阶段，网络请求使用http请求方式，那就需要在微信开发者工具里面进行一个配置即可。 其实配置开发测试阶段网络请求使用http的请求方式很简单，分为两种方式可以通过http请求的方式来开发测试： 第一种就是根据微信开发者工具进行本地配置：只需要在微信开发者工具的右上角设置选项里面找到“详情”选项，然后找到“本地设置”模块，找到“不校验合法域名、web-view(业务域名)、TLS版
【http请求库】Axios的使用
不定时分享与嵌入式有关的知识
07-12 543
axios是一个轻量的HTTP请求库，可以用在 浏览器 或 node.js 中，目前是 VUE 官方推荐的请求库。 引入axios 1、在 html 中引入 <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script> 2、在 node.js 中引入 npm install axios --save-dev GET 方法 axios.get("url", { para
如何用nuxt开发微信小程序
最新发布
08-15
5. 构建并运行：当您完成页面的开发后，使用以下命令构建并运行您的微信小程序。 ```shell npm run build npm run dev:wechat ``` 前一个命令将构建您的项目，而后一个命令将启动微信开发者工具，并将您的小...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值