:dolphin: 个人技术博客(基于vue的服务端渲染 nuxt.js)
git clone [email protected]: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
博客的后端以及后台管理系统项目为博客后端项目。