本文主要是介绍vuepress打包项目如何在express框架渲染,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
如果要在 express 项目上加一个 vuepress 写的文档应如何渲染?
Vuepress 是 Vue 驱动的静态网站生成器
1、.vuepress/config.js
修改 base
配置指定静态资源目录,如:test目录
base: "/test/",
2、打包去缓存配置
package.json
"scripts": {"build": "vuepress build docs --no-cache"
},
3、把打包目录 dist
复制到 express
项目 public
目录下
4、路由配置
router.get('/test', function(req, res, next) {res.render('test');
});
视图目录:views/test.html
5、把 dist
目录下的 index.html
重命名为 test.html
然后剪切替换 views/test.html
即可
访问:http://localhost/test
欢迎关注:技术开发分享录
这篇关于vuepress打包项目如何在express框架渲染的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!