проблема рендеринга на стороне сервера с vuejs cli 3 - PullRequest
Новая
       7

проблема рендеринга на стороне сервера с vuejs cli 3

0 голосов
/ 29 ноября 2018

Я работаю над приложением vuejs и пытаюсь использовать рендеринг на стороне сервера, но у меня проблема с рендерингом, но у меня возникает эта ошибка при запуске сервера.

[HPM] Ошибка при попытке прокси-запроса /main.js с локального хоста: от 8080 до http://localhost:8081 (ECONNREFUSED) (https://nodejs.org/api/errors.html#errors_common_system_errors)

Я вижу содержимое страницы сервера localhost: 8080, но не удается связаться с клиентской страницей в localhost: 8081. Я использую этот код в Github Я тестирую с этим компонентом vue: 

import axios from 'axios';

export default {
  name: 'Blog',
  data () {
    return {
      blog: null,
      error: null
    }
  },
  beforeCreate: function() {
    axios({ method: "GET", "url": "path to api" }).then(result => {
        this.blog = result.data.blogs[0];
      },
      error => {
        this.error = error;
      });
  },
  mounted () {
    axios({ method: "GET", "url": "path to api" }).then(result => {
        this.blog = result.data.blogs[0];
      },
      error => {
        this.error = error;
      });
  }
}
<template>
  <div class="Blog">
    <section>
      <div class="container">
        <div class="row">
          <div class="col-sm-12">
            <div class="page-title">
              <div class="row">
                <div class="col-md-9 col-xs-12">
                  <h2><span>{{ blog.title }}</span></h2>
                  <!-- Other data here! -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
  </div>
</template>

для страницы сервера, я просто вижу некоторые CSS, но я не могу видеть данные, которые я получаю от axios!Но я вижу, что свойство блога содержит данные, они просто не отображаются на странице.Любая помощь будет принята с благодарностью.

...