Как добавить бэкенд в шаблон webpack?

Я новичок в Vue.js и Webpack. Я пытаюсь использовать шаблон веб-пакета с помощью vue-cli. После создания нового проекта я хотел бы добавить бэкэнд.

У меня вопрос: стоит ли добавлять бэкэнд (экспресс-сервер) в тот же проект?

Или я должен создать новый проект для этого?


webpack vue.js express webpack-dev-server
person Erik Z    schedule 12.03.2017    source источник

Ответы (2)


arrow_upward
3
arrow_downward

Если вы просмотрите вопросы шаблона, вы найдете много ответов. В частности, проблема № 456 обсуждает эту тему с использованием прокси-сервера. Прокси будет просто зеркально отображать API для работы в локальной среде. Таким образом, у вас нет проблем с CORS. Другой источник находится в папке документации: Backend. В основном предлагается использовать прокси-таблицу, которая будет отражать ваши локальные вызовы на какой-то бэкэнд. Мне нравится запускать два разных типа проектов (один основной веб-API asp.net и этот шаблон).

Отредактируйте свой config/index.js примерно так:

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /api to jsonplaceholder
      '/api': {
        target: 'http://localhost:5431',
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}

Запросы к /api/posts/1 будут отражаться на http://localhost:5431/posts/1.

person Kevin Peters    schedule 12.03.2017
comment
Спасибо. Я видел proxyTable и настроил с его помощью свой проект. Мой вопрос заключался в том, является ли это предпочтительным способом сделать это - и это так. Посмотрите здесь, stackoverflow.com/a/41726825/162003. - person Erik Z; 21.03.2017

arrow_upward
2
arrow_downward

У меня тот же вопрос, и я нашел этот интересный проект: https://github.com/danmademe/express-vue. . Похоже на возможное решение и получил приличное количество звезд. Отказ от ответственности: я также новичок в nodejs и могу рассказать вам об этом больше. Я попробую, особенно потому, что у него есть два примера проектов.

Вот фоновый пост в блоге.

person crisscross    schedule 19.03.2017
comment
Спасибо. Я видел этот порт раньше, но на самом деле он отображает страницы на стороне сервера. Мой вопрос заключается в том, должен ли я добавлять свою внутреннюю логику на тот же сервер, который доставляет мои файлы Webpack. - person Erik Z; 21.03.2017