Nuxtインストール・セットアップ方法

DRF+Nuxt+MySQLな環境を作るための備忘録
作業ログ的な感じなので説明省いてますので質問がある方はコメントください。

インストール

yarnをイントール

$ npm install -g yarn

プロジェクト作成
※ 使うUIやネットワークは各々

$ yarn create nuxt-app nuxt

セットアップ

nuxt/nuxt.config.js
追加対応、ホスト・ポート

export default {
...
	server: {
	    host: '0.0.0.0',
	    port: 80
	},
...

言語対応

  head: {
    htmlAttrs: {
      lang: 'ja'
    },

Ajax対応
※ 通信はAxiosを使う、ホスト・ポートはAPI用Dockerで設定したものを使う web:8000

axios: {
    proxy: true,
    baseURL: "http://web:8000",
  },
  proxy: {
    '/api/': {
      target: "http://web:8000"
    }
  },

起動

## Dev
$ yarn dev

## ビルド
$ yarn build

## 実行
$ yarn start