【3分钟前端】Invalid Host header报错、vue项目盯盯内网穿透、同时开两个穿透

偏执的太偏执、 2022-11-04 01:38 386阅读 0赞

App running at:  
  - Local:   http://localhost:9528   
  - Network: http://192.168.0.142:9528

一：vue项目使用内网穿透  
cd到下载的钉钉穿透的文件夹下，然后运行命令行 ding -config=ding.cfg -subdomain=cxl 9528

Tunnel Status                 online
    Version                       1.7/1.7
    Forwarding                    http://cxl.vaiwan.com -> 127.0.0.1:9528
    Forwarding                    https://cxl.vaiwan.com -> 127.0.0.1:9528
    Web Interface                 127.0.0.1:4040
    # Conn                        10
    Avg Conn Time                 8150.98ms

二：访问：http:cxl.vaiwan.com出现Invalid Host header

三：解决方法

// vue.config.js文件中
    module.exports = {
        devServer: {
            disableHostCheck: true, // 增加这一行即可
        }
    }

### 拓展： ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70][]   ![20210302163338457.png][]

运行：./ding -config=./ding.cfg -subdomain=cxl2  3000后出现下面这种情况无法访问

名字cxl2 和监听端口号3000 都换了的话 ，就可以啦 ，访问地址是 [http://cxl2.vaiwan.com/][http_cxl2.vaiwan.com]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210302160755877.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzUxMDYxMg==,size_16,color_FFFFFF,t_70
[20210302163338457.png]: /images/20221023/9d6df8ce038a458ba281137b0cadf676.png
[http_cxl2.vaiwan.com]: http://cxl2.vaiwan.com/