Warm tip: This article is reproduced from serverfault.com, please click

node.js-Nuxt Heroku 部署问题,它使用 localhost 而不是网站 url

(node.js - Nuxt Heroku Deployment Problem, It uses localhost instead of the website url)

发布于 2020-05-16 08:38:54

这是我第一次将 nuxt 应用程序部署到 heroku,我按照我在 nuxt 指南上找到的说明进行操作。

创建了 heroku 应用并添加了以下配置:

在此处输入图像描述

使用以下行添加了 procfile:web:nuxt start

在此处输入图像描述

它工作,当我去:https://coupongb-nuxt.herokuapp.com/网站打开并加载产品,但似乎“使用 $axios 插件的无限滚动不起作用,以及打开产品页面“通过单击产品卡”。

所以我猜是 $axios 造成了这个错误,似乎它的 baseURL 是 localhost:3000 而不是网站域 在此处输入图像描述

所以我的问题是如何使 this.$axios.$get(...) 指向网站域而不是 localhost:300

Questioner
smart design
Viewed
0
Tim Wickstrom 2020-05-16 17:06:36

你需要为此设置环境变量。https://cli.vuejs.org/guide/mode-and-env.html#environment-variables

无论你在哪里配置 Axios,都要查看环境变量以设置 baseURL,例如:

Axios.defaults.baseURL = process.env.APP_API

然后在目录的根目录中创建 .env 文件:

APP_API=https://coupongb-nuxt.herokuapp.com/

或者,你可以在创建对 api 的调用时更改内联 baseurl。例如

this.$axios.get('/example-path')

将被替换为

this.$axios({ url: '/example-path', baseURL: 'https://coupongb-nuxt.herokuapp.com' })