vue.js - vue 使用 prerender-spa-plugin 预渲染后的 html 没有内容

查看:1089
本文介绍了vue.js - vue 使用 prerender-spa-plugin 预渲染后的 html 没有内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

  1. 我使用了vue 推荐的插件prerender-spa-plugin, 使用如下:

new PrerenderSpaPlugin(
  path.join(__dirname, '../dist'),
  ['/about']
)

然后在 dist 目录下有生成一个 /about/index.html 文件, 如下

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>about</title>
  <link href="/static/css/app.69e76f24fe4aafd9b984059fc1e831c0.css" rel="stylesheet">
</head>

<body>
  <div id="app"></div>
  <script type="text/javascript" src="/static/js/manifest.a038d4e9037a210cb633.js"></script>
  <script type="text/javascript" src="/static/js/vendor.64874d8aacb5fc2b5d97.js"></script>
  <script type="text/javascript" src="/static/js/app.d72d5bce2ec119ba57fc.js"></script>
</body>

</html>

我发现, 这个html 文件也并没有渲染出内容, 比如 about.vue 的内容也没有渲染出来, 但是在页面上访问是没问题的. 我想问: 为什么不是直接将about.vue的内容渲染出来 ?

解决方案

经测试,没有你说的这种情况

参见:https://github.com/KingMario/...

这篇关于vue.js - vue 使用 prerender-spa-plugin 预渲染后的 html 没有内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆