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`) 
}