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

【问题标题】：Exposing Nuxt/vue front and laravel back end local env with Ngrok使用 Ngrok 公开 Nuxt/vue 前端和 laravel 后端本地环境
【发布时间】：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

标签： laravel vue.js nuxt.js ngrok

【解决方案1】：

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

【讨论】：