Gridsome

• 基于vue的靜態(tài)站點(diǎn)生成器,也稱預(yù)渲染
  優(yōu)點(diǎn)：

1. 不需要專業(yè)的服務(wù)器，只要能托管靜態(tài)資源的空間
   2.快速 不經(jīng)過(guò)后端服務(wù)器的處理，只傳輸內(nèi)容
   3.安全，沒(méi)有后端程序執(zhí)行

安裝創(chuàng)建項(xiàng)目

• 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++編譯環(huán)境
• cnpm i -g node-gyp 編譯 C++擴(kuò)展文件
• gridsome create my-gridsome-site
• gridsome develop 開(kāi)發(fā)模式啟動(dòng)項(xiàng)目
• gridsome build 打包靜態(tài)網(wǎng)頁(yè)
• npm install @gridsome/source-strapi 安裝 可以在graphql 查看strapi接口信息

strapi

• cms內(nèi)容管理
• npx create-strapi-app my-project --quickstart
• npm run strapi install graphql 安裝graphql 插件

部署

• config/database.js修改數(shù)據(jù)庫(kù)配置

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依賴
• 項(xiàng)目推送線上地址
• ssh連接遠(yuǎn)程服務(wù)器 項(xiàng)目拷貝到服務(wù)器
• 服務(wù)端安裝依賴打包構(gòu)建 npm run build 打包編譯 pm2 start npm -- run start --name blog啟動(dòng)服務(wù)

部署gridsome

• 修改環(huán)境變量 .env.development .env,production 創(chuàng)建接口地址 GRIDSOME_API_URL= xxx
• gridsome.config.js 修改 apiUrl: process.env.GRIDSOME_API_URL