場景

• 開了內網穿透之後，本地跑的專案就不需要內網也能訪問了。
• 這裡用的工具是cpolar，簡單，快速上手，有低配免費套餐，能夠搭載小型專案，大型專案可能會有請求高併發的情況，這時候用免費套餐就不能滿足了，會報429請求錯誤。

問題總結

• 教程步驟裡的配置不要漏了，./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'
    }
  })
   
  

  然後就可以外網訪問了