javascript - vue打包后静态资源图片取不到

问题描述

问 题

1.我用vue和node前后端分离的写一个简单的博客。

2.有一个上传图片作为头像的功能。

4.图片存放的路径放在node设置的静态资源public文件夹下

3.我把vue打包后的dist文件夹也放在public下。

4.运行node可以直接跑通index.html

5.但是无论我怎么设置路径，页面都不能加载用户上传的图片。

6.require（‘path’）和直接设置src都试过了。

7.请教大家这是怎么回事，我该怎么设置？

解决方案

问题解决了，不用管dev的时候。在打包之前，把所有图片src的路径从require方法，直接写成相对路径。打包交给后端之后，后端再把静态资源图片目录设置成dist/static/img.此时前端原来的相对路径正好可以取到static/img下面的图片。

这篇关于javascript - vue打包后静态资源图片取不到的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！