关于nuxt-element-blog的使用教程

开源项目
github地址:https://github.com/KitchenLiang/nuxt-element-blog
码云地址:https://gitee.com/kitchenliang/nuxt-element-blog

网站效果:知享网

环境准备

服务器linux
安装node教程方法
https://www.jianshu.com/p/607ca50a7d03

然后安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
下载项目安装
https://github.com/KitchenLiang/nuxt-element-blog
cnpm install或者yarn install(如果有安装yarn)
安装完就修改nuxt-element-blog目录下的nuxt.config.js

  // 改为自己的地址
  proxy:{
    '/api':{
      target:'http://www.example.com/api/',//改成自己halo的地址
      pathRewrite:{
        '^/api':'/'
      }
    },
  },
  render:{
    resourceHints:false,
  },
  env:{
    localurl:'http://www.example.com/api/',//改成自己halo的地址
    baseUrl:'/api',
    Authorization:{'API-Authorization':'123456'},//改成自己halo的api密码
  }

然后打开api服务


image.png

Nginx配置

     location /{
               proxy_pass http://127.0.0.1:3000/;
        }
             location /api{
               proxy_pass http://127.0.0.1:8090/;
        }

npm run build 或者yarn build
npm start 或者yarn start
服务器开启就可以了
开机自启需要安装pm2教程和方法
https://segmentfault.com/a/1190000012774650

推荐阅读更多精彩内容