Nuxt.jsのmethods内でaxiosを使うとページが真っ白になる

Question

こんにちは。
next.jsでaxiosを使いたく、任意のvueファイルにscriptタグをかき、methodsスコープ内でaxiosを使うとページが真っ白になります。
他のサイトなどを回ってみてもこのような現象に対する情報を見つけられていません。
もしお分かりのかたいましたら、回答お願いします。

<template>
    <v-icon @click="iconclick">mdi-check</v-icon>
</template>

<script>
export default {
methods:{
    alert(123);
    axios.post("/api/test", {a:"a"})
        .then(res => {})
        .catch(err => {})
}
}
</script>

至って普通に動きそうなコードですが、post送信後は真っ白なページになってしまいます。
__layout id内の項目が全部消えてしまいます。
/api/testのapiはexpressのルーターで受け取っており、post送信できるソフトウェアで正常動作を確認しています。

Answer 1

<script> タグ内が JavaScript の構文として成立していないのがうまくいかない原因かと思います。
順当に考えれば post どころかページをロードした段階で真っ白になりそうなものですが……。

サーバーを起動しているコンソールの方にエラーが出力されていると思うので、そちらを参考にデバッグされるとよいかと思います。

export default {
methods:{
  //alert(123);
  //axios.post("/api/test", {a:"a"})
  //    .then(res => {})
  //    .catch(err => {})
  iconclick: function() {
    alert(123);
    axios.post("/api/test", {a:"a"})
        .then(res => {})
        .catch(err => {})
  }
}
}