Vue.js服务器端渲染与axios

Question

在服务器端渲染的vue.js应用程序，从Vue Hn project和vue ssr tutorial灵感。

有一个/api/index.js文件向api发出请求，返回指定的here。

import data from './data' // just a json object 

export function fetchList() { 
    return new Promise((resolve, reject) => { 
    if (true) { 
     resolve(data) 
    } else { 
     reject('error') 
    } 
    }) 
} 

到目前为止好，一切工作正常：在页面第一次加载渲染服务器端（提取的数据包括在内），然后事情发生客户端。

---

现在，我尝试做一个真正的API请求与axios：

import axios from 'axios' 

const apiurl = `/api/v1` 

export function fetchList() { 
    // the api call works fine in postman 
    return axios.get(`${apiurl}/posts`) 
    .then(response => { 
     return response.data 
    }) 
    .catch(error => { 
     return error 
    }) 
} 

它不工作了：

• 的数据是不是在服务器上获取（而不是在第一次加载页面时），
• 第一次加载页面后，它仍然可以正常工作在客户端...

关于这个axios api调用出了什么问题的任何想法？

Answer 1

好，我刚刚才......我把我的答案在这里，无论如何，万一有人有同样的问题：

import axios from 'axios' 

const apiurl = `/api/v1` 

export function fetchList() { 
    return axios.get(`${apiurl}/posts`) 
}