Nuxt.jsビギナーズガイド 実践メモ
Nuxt.js ビギナーズガイド サポートページ
環境変数設定
書籍では direnv を推奨
dotenvを使うには? →モジュールは不要、nuxt.config.jsにenv: { KEY: process.env.KEY } 追記すれば process.env.KEY で取得できた
https://qiita.com/taai/items/cbc61b9b4a18aacad57e
https://github.com/nuxt-community/dotenv-module
Qiitaのアクセストークンをaxiosヘッダに設定したら401になる件
これだとレスポンスステータスが401になる
code: javascript
export default function({ $axios }) {
$axios.onRequest(config => {
if (process.env.QIITA_TOKEN) {
config.headers.common"Authorization" = process.env.QIITA_TOKEN
}
return config
})
}
https://qiita.com/uasi/items/cfb60588daa18c2ec6f5
Authorization: Bearer xxxxx としたらレスポンス200になった
code: javascript
if (process.env.QIITA_TOKEN) {
config.headers.common"Authorization" = Bearer ${process.env.QIITA_TOKEN}
}
Nuxt.jsのaxiosで"Cannot read property get of undefined"と言われる件
@nuxtjs/axios 入れる必要あった
https://qiita.com/HorikawaTokiya/items/e24c6aaf173d0237525e
<no-ssr>について
コンソールにwarningが出ており、v3以降廃止されるらしい
code: text
<no-ssr> has been deprecated and will be removed in Nuxt 3, please use <client-only> instead
modeプロパティについて
'spa' は非推奨 SPAモードを無効にするには ssr: false を設定するらしい
https://ja.nuxtjs.org/docs/2.x/features/rendering-modes/
#Vue.js