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

deployment heroku node.js nuxt.js vue.js

Nuxt Heroku Deployment Problem, It uses localhost instead of the website url

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

This is my first time deploying a nuxt app to heroku, I've followed the instructions I've found on nuxt guide.

Created the heroku app & added the following configuration:

added the procfile with the following line: web:nuxt start

And it worked, When I go to: https://coupongb-nuxt.herokuapp.com/ the website opened and the products are loaded but it seems the "infinit scrolling with uses $axios plugin isn't working, As well as opening a product page "by clicking a product card".

So I guess it's $axios that's making that error, Seems it's baseURL is localhost:3000 istead of the website domain

So my question is How to make this.$axios.$get(...) point to the website domain instead of localhost:300

Questioner

smart design

Viewed

0

Tim Wickstrom 2020-05-16 17:06:36

You will need to set environment variables for this. https://cli.vuejs.org/guide/mode-and-env.html#environment-variables

Where ever you are configuring Axios have it look at the environment variable to set the baseURL, example:

Axios.defaults.baseURL = process.env.APP_API

Then create your .env files in the root of your directory:

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

Alternatively you can change the baseurl inline whenever you are creating a call to your api. For example

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

would be replaced with

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

smart design 2020-05-16 09:45:00

Thank you for your answer, I'm sure this would work

热门github

1

A multi-platform library for OpenGL, OpenGL ES, Vulkan, window and input

2

Dev tool that writes scalable apps from scratch while the developer oversees the implementation

3

shadcn/ui, but for Svelte. ✨

4

The Python Risk Identification Tool for generative AI (PyRIT) is an open access automation framework to empower security professionals and machine learning engineers to proactively find risks in their generative AI systems.

5

Performance-portable, length-agnostic SIMD with runtime dispatch

6

ZK Credo

7

OpenCodeInterpreter: Integrating Code Generation with Execution and Refinement

8

Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS.

9

Mamba is a new state space model architecture showing promising performance on information-dense data such as language modeling, where previous subquadratic models fall short of Transformers. It is based on the line of progress on structured state space models, with an efficient hardware-aware design and implementation in the spirit of FlashAttention.

10

This repository contains System Design resources which are useful while preparing for interviews and learning Distributed Systems

11

Curso para aprender el lenguaje de programación Python desde cero y para principiantes. 75 clases, 37 horas en vídeo, código, proyectos y grupo de chat. Fundamentos, frontend, backend, testing, IA...

12

🎓 Path to a free self-taught education in Computer Science!

13

1️⃣🐝🏎️ The One Billion Row Challenge -- A fun exploration of how quickly 1B rows from a text file can be aggregated with Java

14

A collective list of free APIs

15

📚 Freely available programming books