脚本宝典收集整理的这篇文章主要介绍了基于nuxt.js的vue服务端渲染个人博客,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
gIT clone git@github.com:Hzy0913/my-blog.git
安装包依赖
npm install
运行发开环境
npm run dev
本地访问http://localhost:3000
tip:生产环境打包需要在服务端进行!
首先打包编译项目
npm run build
运行项目
npm run start
推荐生产环境使用如下命令执行pm2部署
第一次部署使用Firstserver命令
npm run firstserver
以后每次更新代码执行server命令
npm run server
暂停服务执行stop命令
npm run stop
查看服务状态执行list命令
npm run list
该命令会编译打包项目,然后启动一个pm2守护进程服务,具体可见package
中的npm script
See BinLive.
想要在本地开发环境运行完整线上模式,可以转发调用binlive线上环境接口。
修改nuxt.config.js
文件
// 将下面接口调用地址
Proxy: [
['/api', { target: 'http://localhost:3080' }]
]
// 修该成binlive线上地址
PRoxy: [
['/api', { target: 'http://binlive.cn:3080' }]
]
修改plugins/axios.js
文件
// 将下面接口调用地址
if (process.server) {
options.baseURL = 'http://localhost:3080'
}
// 修该成binlive线上地址
if (process.server) {
options.baseURL = 'http://binlive.cn:3080'
}
由于spa对于seo不友好,重构了之前使用vue的spa形式的博客,使用nuxt.js
以上是脚本宝典为你收集整理的基于nuxt.js的vue服务端渲染个人博客全部内容,希望文章能够帮你解决基于nuxt.js的vue服务端渲染个人博客所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。