Nuxt.js开发中遇到问题汇总（更新中）

nuxt.config.js相关设定

axios参数设定

1. browserBaseURL的设定

• 问题描述：在componet中调用axios进行http-get请求时，url的host地址错误，无法获取后端api中的数据
• 解析：page component中使用asyncData—利用axios http-get从后端API中获取数据时，host是基于baseURL; 而在components中使用async 函数—利用axios http-get从后端API中获取数据时（比如通过点击页面中按钮进行数据请求），则是基于browserBaseURL（未设定时则默认使用baseURL的值）
• 解决：nuxt.config.js文件内，axios参数中设置browserBaseURL

axios: {
 baseURL: 'http://localhost:8000',
 browserBaseURL: 'http://[host]:[port]',
}

redirect相关

1. <NuxtLink>的使用

• 问题描述：用NuxtLink tag进行页面迁移时，因页面数据加载不到而显示network error
• 解析： 用进行页面迁移时只会在client端进行页面加载，不会再server部分进行加载，也不会执行asyncData内相关的处理
  
• 解决：如果页面采用了asyncData相关需要reload页面才能获取数据的方式时，用a tag 进行页面迁移