使用 Ngrok 公开 Nuxt/vue 前端和 laravel 后端本地环境

Posted 2023-04-18

【中文标题】使用 Ngrok 公开 Nuxt/vue 前端和 laravel 后端本地环境

【英文标题】：Exposing Nuxt/vue front and laravel back end local env with Ngrok

【发布时间】：2021-01-18 06:02:53

【问题描述】：

我有一个本地 vue,nuxt 环境，它调用另一个本地 laravel api 路由。我正在尝试使用 ngrok 发布端口。

我的 Nuxt/vue 环境

Nuxt 配置

 // Axios module configuration (https://go.nuxtjs.dev/config-axios)
  axios: 
    baseURL: 'http://localhost:8001/api/'
  ,

我可以使用 ngrok 公开端口 3001 和端口 8001，但似乎我的前端无法与我的 ngrok 端口 8001 通信，有人有任何指示吗？

ngrok

端口 3001

./ngrok http 3001

8001 端口

./ngrok http 8001

【问题讨论】：

您可能需要先为后端设置 NGROK，并在前端运行 NGROK 之前将您的 api 设置为通过该隧道。

是的，就是这样。谢谢@Ohgodwhy

【参考方案1】：

为 laravel 项目运行 ngrok 然后为 nuxt/vue 前端运行它