微信--vue项目本地开发调试使用

前言：

吐槽微信授权给开发带来的不便！

一、前提环境

vuejs作为前端项目，借助微信平台开发

vue --cli2.93版本

w10系统

二、准备

1.使用natapp作为内网穿透工具，注册使用免费版本https://natapp.cn/article

2.微信测试公众号

三、调试

1.natapp配置：下载并开开natapp的config.ini文件、配置注册的授权taoken：authoken=注册的token

启动natapp：

2.微信配置：

  配置授权域名

 

3.vue项目的配置：

修改webpack.dev.conf.js 文件，devServer:添加 disableHostCheck:true,//跳过host检查

使用npm run dev启动vue项目

4.前端访问：

访问到自己的页面，恕不能附成功图。