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