微信分享在本地调试配置nginx将本地ip映射为公众号配置域名

微信分享在本地调试的时候会出现域名无效的报错：errMsg:"config:fail,Error: invalid url domain

所以配置了一个nginx在微信开发者 工具 中调试

首先声明我是windows系统

在C:WindowsSystem32driversetc文件夹下更改hosts文件

在最后一行添加上

**127.0.0.1    www.test.com //这里是你想配置的域名**

然后安装nginx 更改conf文件夹下的nginx.conf

server {

listen       80;
    server_name  www.test.com;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        proxy_pass http://localhost:8083; //你代理的本地ip
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header REMOTE-HOST $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }

}

这样保存后

我是vue项目需要在项目中设置

devServer{
    disableHostCheck: true
}

然后重新启动项目和nginx就ok了

ps：这里有个弊端，在电脑上没问题 在手机上不能调试