webpack代理 host文件微信小程序公众号开发必配

需求：在开发公众号的时候必然会遇到很多页面跳转，例如用户点击分享跳进来的问题，进入不同详情页的问题，域名回调的作问题，如果想本地调试的话，需要以下配置。

本地host文件配置：
作用：当在浏览器输入 m.51purse.com时，将匹配127.0.0.1这个ip

webpack代理配置

module.exports = {devServer: {// 这里的host属性和端口可以认为把当前这个项目启动到那个  **域名（ip）+端口**  上面去host: 'm.51purse.com',// 设置默认端口port: 80,// 设置代理proxy: {/*** changeOrigin:true* /api/test* http://localhost:5000/test* changeOrigin:false* /api/test* http://localhost:5000/api/test*/'/api':{// 设置目标API地址target: 'http://localhost:3000',// 如果要代理 websocketsws: false,// 将主机标头的原点改为目标URLchangeOrigin: false}  }}
}

然后使用管理员的方式启动项目，目的是强制使用80端口，如果不使用管理员，webpack会自己随便找一个端口

强制80端口使用

然后在浏览器使用http://m.imooc.com实际上是访问127.0.0.1

实验成功

第一步：host和port 配置域名，可以理解为你要把这个项目启动在哪个主机上面，默认80端口。

第一点：填写127.0.0.1就代表你要将当前项目启动在127.0.0.1也就是当前主机上，123.14.12.36就启动在123.14.12.36上面。

第二点：如果host填写的是域名，node会通过查找host文件或者网络上的DNS服务器查找到对应的IP，将当前项目启动在目标IP上面）

第二步：在 host 文件配置

第三步：启动项目

结论：在host文件配置域名ip绑定之后，在本台电脑发出的所有的 m.51purse.com 请求都会转到127.0.0.1这个ip

webpack代理 host文件微信小程序公众号开发必配相关推荐

微信小程序公众号开发
微信小程序&公众号开发一.什么是微信开发二.微信开放平台三.微信公众平台四.小程序与公众号的区别 1. 用途不同 2. 运营方式不同 3. 操作方法不同 4. 用户体验不同(公众号操作 ...
fiddler使用教程+抓包实践+filder抓包APP+HTTPS,PC微信小程序公众号抓包笔记，fidder插件
fiddler使用教程+抓包实践+filder抓包APP+HTTPS,PC微信小程序公众号抓包笔记,fidder插件 fiddler使用教程界面 File->captur traffic 开启 ...
开源全平台版知识付费系统源码支持微信小程序+公众号+H5+PC端
分享一个开源全平台版知识付费系统源码,系统支持微信小程序+公众号+H5+PC端,一套系统实现全端数据及用户体系全面打通,轻松实现店铺全网一站式运营.含完整代码包和详细搭建教程. 系统支持视频课程.音频 ...
微信小程序公众号开发者自动编译，热启动，自动保存
微信小程序公众号开发者自动编译,热启动,自动保存 1.自动保存选择左上角设置➡编辑器设置➡勾选需要的设置即可 2.热启动选择右上角详情➡本地设置➡勾选启动代码自动热重载(建议搭配自动保存使用)
微信小程序/公众号/开放平台账号被冻结后原始ID找回方法
1. 问题: 微信小程序/公众号/开放平台账号长时间不用被冻结,想再次使用找回时需要原始ID,原始ID已忘记.(适用于所有原始ID忘记找回). 2. 解决办法 ##2. 1. 打开用于开发小程序/公众 ...
微信小程序+公众号的流量主收入图在线制作微信小程序源码
微信小程序+公众号的流量主收入图在线制作微信小程序源码,这是一款流量主制作生成小工具,支持小程序流量主图制作生成,也支持公众号的流量主制作生成. 每一种制作都包含了所有的流量主模式,用户自己填写选 ...
渗透测试-微信小程序-公众号测试经验总结
微信小程序-公众号测试微信公众号H5端微信公众号H5端限制手段及绕过方法: 1.未做限制使用其他浏览器可直接打开页面进行浏览 2.通过 UserAgent 来限制现象:使用其他浏览器打开后会 ...
微信小程序应用号开发教程！博卡君通宵吐血赶稿
微信应用号(微信公众平台小程序,「应用号」的新称呼)终于来了!开源中国社区的博卡君通宵吐血赶稿写出的微信公众平台应用号开发教程!大家赶紧来学习一下吧对了,昨天晚间微信小程序开发文档官方版发布了微信 ...
如何找到靠谱的微信小程序,公众号H5开发外包,定制开发公司？
只要经营公司企业或多或少会有一些互联网开发外包项目,需要有长期稳定的靠谱开发外包公司来未公司提供长期软件的定制开发服务. 易企达作为H5.小程序开发公司站在一个专业开发小程序.公众号H5的角度上,为大 ...

webpack代理 host文件微信小程序公众号开发必配

第一步：host和port 配置域名，可以理解为你要把这个项目启动在哪个主机上面，默认80端口。

第一点：填写127.0.0.1就代表你要将当前项目启动在127.0.0.1也就是当前主机上，123.14.12.36就启动在123.14.12.36上面。

第二点：如果host填写的是域名，node会通过查找host文件或者网络上的DNS服务器查找到对应的IP，将当前项目启动在目标IP上面）

第二步：在 host 文件配置

第三步：启动项目

webpack代理 host文件微信小程序公众号开发必配相关推荐

最新文章

热门文章

webpack代理 host文件 微信小程序公众号开发必配

第一步：host和port 配置域名，可以理解为你要把这个项目启动在哪个主机上面，默认80端口。

第一点：填写127.0.0.1就代表你要将当前项目启动在127.0.0.1也就是当前主机上，123.14.12.36就启动在123.14.12.36上面。

第二点：如果host填写的是域名，node会通过查找host文件或者网络上的DNS服务器查找到对应的IP，将当前项目启动在目标IP上面）

第二步：在 host 文件配置

第三步：启动项目

webpack代理 host文件 微信小程序公众号开发必配相关推荐

最新文章

热门文章

webpack代理 host文件微信小程序公众号开发必配

webpack代理 host文件微信小程序公众号开发必配相关推荐