vue框架ip指向域名,并且手机端可以调试

557 阅读1分钟

1. 修改vue.config.js

    devServer: {
        disableHostCheck: true
    }


vue项目启动截图:

2. 修改本地host,指向你想要指向的域名

127.0.0.1  baidu.com

3. charles 设置

点击 Tools > Map Remote,在弹出窗里点击add添加一条重定向规则 from是你要重定向的域名(生产环境域名/外网域名 baidu.com:8080/),to就是你本地的项目地址(http://localhost:8080)。 from域名结尾需要加上 / 匹配。 记得勾上Enable,点击OK保存。

4. 手机通过charles连上电脑,抓包查看请求是否正确

手机需要安装ssl证书,浏览器输入:chls.pro/ssl