1.我用vue和node前后端分离的写一个简单的博客。
2.有一个上传图片作为头像的功能。
4.图片存放的路径放在node设置的静态资源public文件夹下
3.我把vue打包后的dist文件夹也放在public下。
4.运行node可以直接跑通index.html
5.但是无论我怎么设置路径,页面都不能加载用户上传的图片。
6.require(‘path’)和直接设置src都试过了。
7.请教大家这是怎么回事,我该怎么设置?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
问题解决了,不用管dev的时候。在打包之前,把所有图片src的路径从require方法,直接写成相对路径。打包交给后端之后,后端再把静态资源图片目录设置成dist/static/img.此时前端原来的相对路径正好可以取到static/img下面的图片。
如果是VUE官方脚手架生成的项目的话,尝试设置config/index.js文件里build部分的
属性