Question

我正在使用vuejs应用程序，并且尝试使用服务器端渲染，但是渲染存在问题，但是启动服务器时出现此错误。

[HPM]尝试将请求/main.js从localhost：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获得的数据！但是我看到blog属性包含数据，只是它没有显示在页面中。任何帮助将不胜感激。

vuejs cli 3的服务器端渲染问题

0 个答案: