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

Question

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

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

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

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

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

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

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

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

Answer 1

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

Answer 2

如果是VUE官方脚手架生成的项目的话，尝试设置config/index.js文件里build部分的

assetsSubDirectory: 'static',
assetsPublicPath: '/',

属性