loading...
Cover image for Netlify Functions

Netlify Functions

ryunishimura profile image Ryu Nishimura ・1 min read

更新していくよ

目次

  • 1. リファレンス
  • 2. クロスオリジン
  • 3. netlify.toml

1. リファレンス

Functions overview
Netlify Functions Examples

【外部API連携に】Nuxt.jsでNetlify Functionsを使用する方法

yarn add netlify-lambda
Enter fullscreen mode Exit fullscreen mode

netlify-lambda
Netlify Functionで決済を実装してみようと思います。

  • Dockerをalpineから普通のものに変更
  • nodeのバージョンが 10.21.0 >= じゃないとだめっぽい

Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x

上記のエラーは、node-sassを入れ直すことで解決した。

yarn remove node-sass
yarn install node-sass
Enter fullscreen mode Exit fullscreen mode

2. クロスオリジン

クロスオリジンリソースを共有するには?

export default {
  modules: [
    "@nuxtjs/axios",
    "@nuxtjs/proxy",
  ],
  axios: {
    proxy: true,
  },
  proxy: {
    "/.netlify/functions": {
      target: "http://localhost:9000/",
      pathRewrite: {
        "^/.netlify/functions": "/.netlify/functions/hello",
      },
    },
  },
}
Enter fullscreen mode Exit fullscreen mode

3. netify.toml

File-based configuration

[build]
  base = "app"
  Command = "netlify-lambda build functions/api && nuxt generate"
  functions = "functions/dist"
  publish = "dist"
Enter fullscreen mode Exit fullscreen mode

※気が向いたら、ディレクトリ構成を見直す

Posted on by:

ryunishimura profile

Ryu Nishimura

@ryunishimura

Favorites❤️ JAMStack/Serverless/Nuxt.js/Contentful

Discussion

pic
Editor guide