Gridsome

• 基于vue的静态站点生成器,也称预渲染
  优点：

1. 不需要专业的服务器，只要能托管静态资源的空间
   2.快速 不经过后端服务器的处理，只传输内容
   3.安全，没有后端程序执行

安装创建项目

• npm install --global @gridsome/cli
• npm config set sharp_binary_host "https://npm.taobao.org/mirrors/sharp"
• npm config set sharp_libvips_binary_host "https://npm.taobao.org/mirrors/sharp- libvips" 配置sharp下载地址
• cnpm install --global --production windows-build-tools 配置c++编译环境
• cnpm i -g node-gyp 编译 C++扩展文件
• gridsome create my-gridsome-site
• gridsome develop 开发模式启动项目
• gridsome build 打包静态网页
• npm install @gridsome/source-strapi 安装 可以在graphql 查看strapi接口信息

strapi

• cms内容管理
• npx create-strapi-app my-project --quickstart
• npm run strapi install graphql 安装graphql 插件

部署

• config/database.js修改数据库配置

module.exports = ({ env }) => ({
  defaultConnection: 'default',
  connections: {
    default: {
      connector: 'bookshelf',
      settings: {
         "client": "mysql",
        "database": "test", 
        "host": "localhost",
        "port": "3306",
        "username": "test", 
        "password": "test"
      },
      options: {
        useNullAsDefault: true,
      },
    },
  },
});

• 添加mysql依赖
• 项目推送线上地址
• ssh连接远程服务器 项目拷贝到服务器
• 服务端安装依赖打包构建 npm run build 打包编译 pm2 start npm -- run start --name blog启动服务

部署gridsome

• 修改环境变量 .env.development .env,production 创建接口地址 GRIDSOME_API_URL= xxx
• gridsome.config.js 修改 apiUrl: process.env.GRIDSOME_API_URL