Nuxt.js SSR與權限驗證的實現

import axios from 'axios'

let options = {};
if (process.SERVER_BUILD) {
 options.baseURL = `http://api:3030`
}

let ax = {
 options,
 create: (token) => {
 options.headers = {
 Authorization: token
 }
 return axios.create(ax.options)
 }
}

 export default ax

const getCookie = function(cname, req) {
 let name = cname + "="
 let decodedCookie
 if (typeof window === 'undefined') decodedCookie = decodeURIComponent(req.headers.cookie)
 else decodedCookie = decodeURIComponent(document.cookie)
 let ca = decodedCookie.split(';')
 for(let i = 0; i <ca.length; i++) {
 let c = ca[i]
 while (c.charAt(0) == ' ') {
 c = c.substring(1)
 }
 if (c.indexOf(name) == 0) {
 return c.substring(name.length, c.length)
 }
 }
 return ""
}
export default getCookie

import axios from '~plugins/axios'
import getCookie from '~plugins/getCookie'
export default {
 async fetch ({ store, isServer, req, redirect }) {
 if(isServer) {
 const ax = axios.create(getCookie('token', req))
 try {
 let { data } = await ax.get('/populate')
 if(data.store && data.store.user) store.commit('user/setData', data.store.user)
 else redirect('/login')
 } catch(e) {}
 }
 }
}