VUE在公众号开发中（网页授权域名)使用内网穿透方式（Ngrok）进行本地化调试

问题

微信公众号开发中需要和微信后台服务进行互通，这就导致一个问题，内容需要频繁的发布到网上。这会给开发带来麻烦。

那么是否可以将开发内容映射到特定的一个域名？

解决思路

1、可以将本地开发环境的127.0.0.1:8080映射到外网的一个IP上

2、因为本地将作为服务器，所以对工具的速度有很高的要求，必须要速度快。

解决方法：使用Ngrok服务

需要在本地执行一个程序

公众号的网页授权域名设置

公众号设置 ->网页授权域名->设置 ngrok 域名

vue配置

devServer: {
    host: "127.0.0.1",
    port: 8080,
    open: false,
    disableHostCheck: true,
    proxy: {
      // 配置跨域
      "/api": {
        target: "http://127.0.0.1:7071",
        ws: true,
        changOrigin: true,
        pathRewrite: {
          "^/api": "/"
        }
      }
    }
  }

成功实现在本地调试映射到IP上

浏览器访问ngrok 地址