项目用的是vue,spa,用这个很简单,但是头疼的是重要的seo优化。第一反应是服务器端渲染,但是个人搞了半天后感觉有点难,
在项目时间有限的情况下,只能寻找另外的方法,把这个留给项目后在研究。
先用vue-cli起项目:(未安装的自己先安装:npm install -g vue-cli)
vue init webpack demo
cd demo
npm install
npm run dev
然后安装prerender-spa-plugin
(npm install --save-dev prerender-spa-plugin)
然后去配置:在build/webpack.prod.conf.js
var PrerenderSpaPlugin = require('prerender-spa-plugin')
在build/webpack.prod.conf.js中的plugins配置:
new PrerenderSpaPlugin(
// 编译项目工程的路径
path.join(__dirname, '../dist'),
// 你想预渲染的路由
['/', '/new']
)
npm run build生成dist文件
你会发现dist里面有new/index.html (里面有index.html的内容)