cpolar + vue内网穿透配置事项

1|0场景

  • 开了内网穿透之后,本地跑的项目就不需要内网也能访问了。
  • 这里用的工具是cpolar,简单,快速上手,有低配免费套餐,能够搭载小型项目,大型项目可能会有请求高并发的情况,这时候用免费套餐就不能满足了,会报429请求错误。

2|0问题总结

  • 教程步骤里的配置不要漏了,./cpolar authtoken NTVlYmIyZWMtODlmNi00MGFmLWJlN2ItZTI3ZGE4OGE4N2Yx
  • 环境变量会自动生成,如果没生成,自己添加一下cpolar.exe的路径到环境变量就好了
  • 运行了 cpolar 端口号命令,如:cpolar 8080之后,命令行里输出的两个隧道:
    http://link1 -> http://localhost:8080 https://link2 -> http://localhost:8080
    箭头前面的两个链接就是配置好之后,外网可以访问你本地项目的链接,或者也可以直接在cpolar登录后的个人状态里看到
  • vue如果不做任何处理,会出现访问一个空页面报Invalid Host header,这是因为vue项目本地run时默认自带的host拦截,需要在vue.config.js里修改配置,但是vue2和vue3的配置方式不一样:
    • vue2
    module.exports = { ... devServer: { disableHostCheck: true } }
    • vue3
    const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ ... devServer: { allowedHosts: 'all' } })
    • vite
    import type { UserConfig } from 'vite' const config: UserConfig = { ... server: { host: true, } }
    然后就可以外网访问了

__EOF__

本文作者Mizuki
本文链接https://www.cnblogs.com/mizuki-vone/p/16966913.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角推荐一下。您的鼓励是博主的最大动力!
posted @   Mizuki-Vone  阅读(767)  评论(2编辑  收藏  举报
相关博文:
阅读排行:
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 清华大学推出第四讲使用 DeepSeek + DeepResearch 让科研像聊天一样简单!
· 实操Deepseek接入个人知识库
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
点击右上角即可分享
微信分享提示