微信分享在本地調試配置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：這裏有個弊端，在電腦上沒問題 在手機上不能調試