Vue前后端分离项目临时端口内网穿透教程_内网穿透时访问vue项目

作者：我家小花儿 | 2024-05-22 09:17:20

踩

内网穿透时访问vue项目

工具：内网云

后台启动，跟据端口号获取穿透后地址，例如：8000 端口
cmd+r 控制台执行ssh -R 80:127.0.0.1:8000 sh@sh3.neiwangyun.net

拿取标注处地址，http和https都可以，填到vue配置地址的地方，这里的地址就相当于http://127.0.0.1:8000，无需写端口号
2. 前台启动，同样跟据端口号执行命令，然后拿到地址浏览器访问即可。

注意事项： 当出现invalid host header错误时，表示无效的Host请求头，此时需要在vue项目中的vue.config.js文件内的module.exports中加入如下配置：

// 在vue-cli版本为2.x的情况下修改webpack.dev.conf.js中的devServer对象加入disableHostCheck: true
  devServer: {
    disableHostCheck: true,
  }
1
2
3
4

重启项目，成功访问！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/我家小花儿/article/detail/607541

Vue前后端分离项目 临时端口内网穿透教程_内网穿透时访问vue项目