1：單頁面應(yīng)用不利于SEO
SSH服務(wù)器端渲染
預(yù)渲染**
由于頁面較少矫俺，且預(yù)渲染相對于SSH比較簡單，于是選擇預(yù)渲染頁面穷躁，預(yù)渲染可以極大的提高網(wǎng)頁訪問速度。而且配合一些meat插件殿如，基本可以
滿足SEO需求
webpack 配置
// https://github.com/chrisvfritz/prerender-spa-plugin
new PrerenderSPAPlugin({
staticDir: config.build.assetsRoot,
// Routes to render
routes: [ '/', '/login' , ],
//壓縮html
minify: {
collapseBooleanAttributes: true,
collapseWhitespace: true,
decodeEntities: true,
keepClosingSlash: true,
sortAttributes: true
},
//這個沒有配置成功過 可能是
// renderer: new Renderer({
// inject: {
// foo: 'bar'
// },
// headless: false,
// renderAfterDocumentEvent: 'render-event'
// })
})
我用的腳手架 vue-cli webpack
打包目錄是public 里面其他文件是我們自己的一些東西不用管
之前打包后 是下面這樣的
image.png
配置后 注意 routes: [ '/', '/login' , ],
image.png
就是把你當(dāng)前的路由換成靜態(tài)文件而已
