vuejs中public文件夹的布置

Question

各位高手，我在使用vuecli3和flask搭配，
我想实现，用户可以上传头像图片放在vue的public文件夹下，然后在页面中读取public下的头像再进行展示。
在vuecli3中的详细目录如下：

vueflask--项目文件夹
    flask2020.py--这是flask，我把全部代码写在这个py上
    node_modules
    vue2020--这是vuecli3的文件夹
        public文件夹
        src文件夹
        dict文件夹
 

然后我在vuecli3中引用图像地址为
srcImg(){ return '/header_image/90000001.jpg' },
在flask中上传设置为
upload_path = os.path.join(basepath, './vue2020/public/header_image',fname)，
这些设置在开发环境下测试，上传后展示没有问题，。

我在flask中的文件夹设置为：

app = Flask(__name__,
static_folder='./vue2020/dist/static', #设置静态文件夹目录
template_folder = "./vue2020/dist") #设置vue编译输出目录dist文件夹，为Flask模板文件目录

但我build以后，在flask页面上，可以上传，还是传到vue2020下的public下面，但页面上显示不了头像了。

请问这是怎么回事？

Answer 1

...咋个说呢，感觉思路就怪怪的。
flask和vue应该分别部署，而不是把vue项目塞到flask里。
上传的文件应该放在服务器端，即flask这一端，当然最好是存一个对象存储服务器里。