vue+django静态资源找不到

用vue-cil生成的前端vue项目,npm run build 打包项目后生成dist文件夹,把这个文件夹复制到django项目中页面能访问,但找不到静态资源整个网页空白,打开控制台显示静态资源找不到。看网上教程,修改setting.py里面的配置 更改路径,以及vue项目里面 index.js utils.js文件都修改了还是访问不到。截图如下:

config/index.js:

img

build/utils.js

img

setting.py:

img

页面报错:
img

为啥vue项目要放在django里面预览呢?本地起一个nginx或者apache服务不是更方便吗