在开发微信公众号的时候，因为微信公众号涉及到授权登录和域名绑定，我们在本地调试的时候会有一些麻烦。

修改hosts文件将域名指向本地

在微信公众号后台绑定域名后，我们在本地开发如何此域名开发呢？我在公众号后台绑定的是sc.wanjunshijie.com。
可以通过修改hosts文件将域名指向本地。

# mac 下
sudo vim /etc/hosts

# 增加
127.0.0.1 sc.wanjunshijie.com

# windows 下
win + r -> drivers -> cd etc -> vim hosts

# 增加
127.0.0.1 sc.wanjunshijie.com

将80端口和域名绑定到vue-cli的开发模式下

设置vue.config.js文件添加port和host

devServer: {
        port: 80,
        host: 'sc.wanjunshijie.com',
    }

不过在mac下运行端口会变为1024，在命令行前面加sudo就可以了

sudo npm run serve

![wanjunshijie 2021-05-29 at 06.02.49@2x](media/16222390733660/wanjunshijie%202021-05-29%20at%2006.02.49@2x.png)

这样就可以在本地调试我们的vue公众号项目了

接下来是微信公众号vue项目路由配置