这篇文章提供了三种方案, 非常全面, 我只是提供另外一种思路
林岑影 发布于 前端开发----再说 Vue SSR 的 Cookies 问题
-
创建一个cookieBus.js文件, 文件导出一个cookieBus空对象
// cookieBus.js export default {}
-
在server.js中, 将cookie注入context
const context = { title: 'Vue HN 2.0', // default title url: req.url, cookie: req.headers['cookie'] }
-
在entry-server.js中, 引入cookieBus模块, 将cookie挂载到cookieBus对象上
import cookieBus from './api/cookieBus.js' const { url, cookie } = context cookieBus.$cookie = cookie
-
在create-api-server.js(服务端的请求接口函数)中,将cookie导入每次请求
import axios from 'axios' import cookieBus from './cookieBus.js' const api = axios.create() export default function (data) { if (!data.headers) data.headers = {} data.headers.cookie = cookieBus.$cookie return api(data) }
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。