微信公众号vue项目本地调试

vue yekong 76℃

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

修改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公众号项目了
wanjunshijie 2021-05-31 at 06.57.23@2x

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

喜欢 (0)