Nuxt.jsでレンダリング前にデータを取得したいため、asyncDataを利用しています。
その時一緒に利用している、axiosのURLが普通のメソットの時と変わってしまうので解決したいです。
js
1modules: [ 2 '@nuxtjs/proxy' 3 ], 4proxy: { 5 '/api': 'http://example.com/', 6}
methods内でのURLは正常に使えます。
const axios = requir('axios') export default { methods: { async getData() { const response = await axios.post('/api/gesdata', data) } } }
↓
request URL http://example.com/api/gesdata
const axios = requir('axios') export default { async asyncData() { const response = await axios.post('/api/gesdata', data) } }
↓
request URL http:///api/gesdata
このようになり、404エラーが帰ってきます。
proxyの設定が悪いのでしょうか?
主なパッケージは、以下になります。
バージョン:Nuxt 2.4
@nuxtjs/proxy axios
また、localStorage内に保存してあるデータをasyncData実行時に取得するのは難しいでしょうか?
なにか方法があれば教えて欲しいです。
あなたの回答
tips
プレビュー