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

     2023-02-23     171

关键词:

【中文标题】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。或会话存储。您有很多选择

【讨论】:

感谢您的回答。下次我会在每个帖子中问一个问题。我试过了,很好。再次感谢您。 那么我是否帮助您解决了您的问题?如果是,请不要忘记将此答案标记为有用。谢谢。

在 Node.js 和 Vue.js 之间共享 TypeScript 代码

】在Node.js和Vue.js之间共享TypeScript代码【英文标题】:SharingTypeScriptcodebetweenNode.jsandVue.js【发布时间】:2021-09-1803:43:50【问题描述】:我很难弄清楚如何做到这一点。我的环境是:Node.js16.1.xVue.js3.xTypeScript4.2.4我的目录结构是这样... 查看详情

Node.js、Vue.js 和 Passport.js。 .isAuthenticated() 总是返回 false? Axios 标头可能吗?

】Node.js、Vue.js和Passport.js。.isAuthenticated()总是返回false?Axios标头可能吗?【英文标题】:Node.js,Vue.jsandPassport.js..isAuthenticated()alwaysreturnsfalse?Axiosheaderspossibly?【发布时间】:2019-01-0502:34:09【问题描述】:我正在将一个项目转移到Vu... 查看详情

无法访问我的站点中的链接(复制和粘贴):Node.js - Express.js - Webpack - Vue.js - 历史模式

】无法访问我的站点中的链接(复制和粘贴):Node.js-Express.js-Webpack-Vue.js-历史模式【英文标题】:Unabletoacesslinks(copyingandpasting)whitinmySite:Node.js-Express.js-Webpack-Vue.js-historymode【发布时间】:2021-01-1304:29:48【问题描述】:我最近创建... 查看详情

一款基于vue.js和node构建个人博客项目(代码片段)

...项目是一款个人学习的博客项目,主要是为了学习vue2和node.js。另外涉及到MySQLredisnginx等技术栈知识项目地址预览地址(PC或者手机)>注意:PC端支持markdown编辑博客,但是手机端不支持编辑,仅支持查看博客内容博客预览地址... 查看详情

如何在 Node.js 服务器上部署 Vue.js 应用程序

】如何在Node.js服务器上部署Vue.js应用程序【英文标题】:HowtodeployaVue.jsapplicationonNode.jsserver【发布时间】:2019-02-1305:25:00【问题描述】:我有一个dist文件夹,其中包含CSS、字体、JS文件夹和一个为Vue.js最小化的index.html文件,可... 查看详情

端口错误:heroku 中的 vue.js+node.js 项目

】端口错误:heroku中的vue.js+node.js项目【英文标题】:Errorwithports:vue.js+node.jsprojectinheroku【发布时间】:2018-08-2507:53:27【问题描述】:尝试部署我的全栈项目。它在本地构建并运行良好,但在Heroku中,在“gitpushherokumaster”命令和... 查看详情

将 PHP 会话与 Vue/Node.js 集成

】将PHP会话与Vue/Node.js集成【英文标题】:IntegratePHPsessionswithVue/Node.js【发布时间】:2018-08-1122:32:08【问题描述】:我有一个PHP应用程序,它对用户进行身份验证、执行MySQL查询并依赖于$_SESSIONcookie。一切正常,但我意识到我需要... 查看详情

如何使用 node js、mongoDB 和 vue js 实现动态依赖选择下拉菜单?

】如何使用nodejs、mongoDB和vuejs实现动态依赖选择下拉菜单?【英文标题】:Howimplementdynamicdependentselectdropdownwithnodejs,mongoDBandvuejs?【发布时间】:2021-12-0721:30:50【问题描述】:我想用nodejs、mongoDB和Vuejs实现动态依赖下拉列表,但我... 查看详情

vue.js2.0---安装node环境和脚手架(入门篇)

1、环境搭建1.1、安装node.js1.2安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入node-v,如下图,如果出现相应的版本号,则说明安装成功。 1.3修改npm为淘宝镜像因为n... 查看详情

vue.js开发环境搭建

一、NODEJS的安装Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。 二、NODE.JS的环境变量的新建。   其实安装完node,就自动在path里增加环境变量,但是为了以后的本地部署项目,我们需要找到node.js的安装... 查看详情

vue入门:vue环境安装

安装环境操作系统:Windows1064位安装Node.js1.下载系统对应版本安装包下载地址:https://nodejs.org/en/download/2.安装除安装地址外其它全部使用默认即可3.设置模块存储位置进入node.js安装目录新建文件夹【node_global】和【node_cache】用于... 查看详情

vue项目搭建和运行

...享给大家。 首先,列出来我们需要的东西:  node.js环境(npm包管理器)vue-cli脚手架构建工具cnpm npm的淘宝镜像 安装node.js从node.js官网 查看详情

如何创建服务于 Vue.js SPA 的 Node.js Express 应用程序?

】如何创建服务于Vue.jsSPA的Node.jsExpress应用程序?【英文标题】:HowtocreateNode.jsExpressappservingaVue.jsSPA?【发布时间】:2019-05-1300:05:11【问题描述】:我正在尝试建立一个Node.js项目,该项目使用Express来提供一些后端API并提供一个使... 查看详情

Vue.js 在哪里?

...频(YouTube:一小时vue.js)但我不明白这是什么语言!我用Node.js和Jquery开发了一些网站....Mongodb我认为Web应用程序需要两个部分,例如(apache、Mysql、Node.js....等)但Vue.js真的很奇怪,因为vue.js只是一方面,但提供we 查看详情

尽管视图初始化,有时仍会显示已删除的项目-Vue,Node.js [重复]

】尽管视图初始化,有时仍会显示已删除的项目-Vue,Node.js[重复]【英文标题】:Sometimesdeleteditemisstilldisplayedalthoughviewinitialization-Vue,Node.js[duplicate]【发布时间】:2021-07-3015:26:51【问题描述】:我在Vue.js、Node.js和MongoDB中创建应用... 查看详情

vue.js开发环境搭建以及创建一个vue实例

...来一步一步的搭建vue.js的环境:1、首先,我们需要安装node.js:  安装node.js请参考 node.js安装配置 ,可以打开命令行, 查看详情

开始vue.js,第一个应用程序

开始Vue.jsvue-cli需要环境Node.js:https://nodejs.org/en/download/选择自己的版本   Git:https://git-scm.com/download    查看是否安装了Node.js和nmp(软件包管理器)cmd下输入node-vnpm-vPS:Node.js安装完后自带了n 查看详情

开始vue.js,第一个应用程序

开始Vue.jsvue-cli需要环境Node.js:https://nodejs.org/en/download/选择自己的版本   Git:https://git-scm.com/download    查看是否安装了Node.js和nmp(软件包管理器)cmd下输入node-vnpm-vPS:Node.js安装完后自带了n 查看详情