Nuxt Как установить baseURL в разработке или производстве

Это кажется простым вопросом Nuxt, но я просто не могу понять.

При запуске «NPM run dev» я хочу установить для базового URL-адреса Axios значение «localhost/api», а при запуске из папки dist после «NPM run generate» я хочу, чтобы базовый URL-адрес был «/api».

Есть ли простое решение?

vue.js axios nuxt.js

19.02.2019 17:24

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

13 147

Ответы 2

Вот как это сделать через nuxt.config.js:

let development = process.env.NODE_ENV !== 'production'

module.exports = {
  axios: {
    baseURL: development ? 'http://localhost:3001/api' : 'https://domain/api'
  },
  modules: [
    '@nuxtjs/axios'
  ],
}

Как видите, вы должны указать полный URL вашего бэкенда, включая домен (кроме режима SPA-only).

И не забудьте установить @nuxtjs/axios в качестве зависимости, чтобы попробовать пример.

Сработало идеально!

— 19.02.2019 19:48

@SteveO Круто. В этом случае вам лучше пометить этот вопрос как решенный, просто сказав

— 20.02.2019 07:33

не работает бро

— 14.06.2019 08:24

19.02.2019 18:59

вы также можете установить API извне (например, скрипты package.json) с помощью переменной env

мой фрагмент package.json (есть дополнительная сложность, когда браузер использует разные URL-адрес API, затем рендеринг на стороне сервера, но все это поддерживается самим Nuxt с переменными API_URL_BROWSER и API_URL)

 "scripts": {
    "dev-prodapi": "API_URL=https://kairly.com/api nuxt",
    "dev": "API_URL=http://localhost:8000/api nuxt",
    "dev-spa-prodapi": "API_URL=https://kairly.com/api nuxt --spa",
    "dev-spa": "API_URL=http://localhost:8000/api nuxt --spa",
    "build": "API_URL_BROWSER=https://kairly.com/api API_URL=https://internal-apihost/api/ nuxt build --modern=server",
    "start": "API_URL_BROWSER=https://kairly.com/api API_URL=https://internal-apihost/api/ nuxt start --modern=server",

и вообще не использовать раздел axios в конфигурации nuxt.

23.07.2019 21:39