SPA单页面应用配置反向代理在本地调试微信公众号

微信公众号的开发需要在微信上设置安全域名，所以如果要本地开发，本地的项目域名也应该使用微信上配置的安全域名，刚开始以为只能在服务器端开发，在本地开发不行，就在测试服务器上搭建了nodejs环境，用VsCode新出的远程调试插件链接服务器进行开发，运行npm run dev 得到一个访问地址，然后用安全域名代理到访问地址来进行开发，但是我们测试服务器的配置太低，1核1G1M，频繁保存编译服务器就卡死了，然后试着将安全域名解析到本地，试着在本地开发，首先将安全域名添加到本地host文件，并指向本地，然后在配置文件做以下配置：

devServer: {
    host: "微信的安全域名",
    https: false,
    disableHostCheck: true,
    port: 80,
    proxy: {
        '/api': {
            target: '接口地址',
            changeOrigin: true
            // pathRewrite: {
            //     '/api': ''
            // }
        }
    }
}

然后就可以在本地愉快的开发了，但是我遇到了一个问题，在本地环境当将当前页面url发送给后台获取config配置时有时候会获取失败，需要将微信配置的安全域名取消指向本地，使其指向我们的服务器，然后用开发者工具请求下这个接口，然后再切换到本地就可以了。

• ← Previous Post
• Next Post →