Node.js 和 Vue.js，为啥 Refresh 让 vue.js 的 store 清晰？我如何在 vue.js 中使用上传的图片？

Posted 2023-02-23

【中文标题】Node.js 和 Vue.js，为啥 Refresh 让 vue.js 的 store 清晰？我如何在 vue.js 中使用上传的图片？

【英文标题】：Node.js and Vue.js, why Refresh make vue.js's store clear? And how can i use uploaded image in vue.js?Node.js 和 Vue.js，为什么 Refresh 让 vue.js 的 store 清晰？我如何在 vue.js 中使用上传的图片？

【发布时间】：2018-08-16 23:00:27

【问题描述】：

标题是我的问题。

首先。我正在使用 Node.js 和 Vue.js 制作简单的日记应用。 Vue-router 使用历史模式，在后端使用“connect-history-api-fallback”模块。我想我做了我能做的一切，但是当我在本地运行我的应用程序时，刷新会使 vue.js 的存储清晰。我用谷歌搜索但找不到同样的问题。有人知道吗？

第二个。我正在使用 Multer 进行上传。上传很好，我可以看到上传的图像。但我不知道如何显示上传的图像。

我的意思是在 vue 的模板中，上传的图片会显示在什么路径？

图片上传到这里“/simple-diary/backend/upload/profilePhoto/” Vue.js 组件在这里“/simple-diary/frontend/src/components/”

【问题讨论】：

每个帖子一个问题。你也在本地或产品服务器上得到这个吗？你在后端使用 express 吗？

在本地，后端使用 express。感谢您的评论。

【参考方案1】：

@samayo 是对的。每个帖子一个问题。当然，当页面刷新时，商店也会刷新。所以如果你不希望这样，你可以使用像 vuex-persistedstate 这样的插件。或者如果你想保留令牌和当前登录的用户，然后当用户登录时，使用本地存储来保存令牌和用户。或 cookie。或会话存储。您有很多选择

【讨论】：

感谢您的回答。下次我会在每个帖子中问一个问题。我试过了，很好。再次感谢您。

那么我是否帮助您解决了您的问题？如果是，请不要忘记将此答案标记为有用。谢谢。