vue 打包路径配置的问题解决

vue.cli3与flask或django结合时的坑

最近用vue以及flask做一个小项目，但自己是个新手出现了许多问题，其中一个就是下面都这样的。

问题

vue.cli3打包好的dist文件放入django或flask中时，会出现找不到页面的情况而出现空白页。

原因

django或flask中设置的样板文件地址都是指定的static文件夹，而vue.cli3中打包好的dist文件夹中js，css文件是分别存放于与static文件夹，index.html文件同级的js，css文件夹中，这样就导致了在flask或django中找不到了vue的样板，从而导致了出现空白页的情况。

解决

既然文件地址不对，那把文件夹移到static文件夹下再更改一下index.html文件中的样板地址不就可以了，于是按这样做了并且页面显示出来了，但页面跳转时又出错了，明明vue-route里设置对了，并且npm run serve时也通过了，为什么出现了token错误？现在还没有整明白。
这样手动改很麻烦而且也不行，于是就从打包时下手解决。如下图添加config文件。（config文件在vue.cli3中是可手动添加的文件，官网描述）

然后在里面写入下面的语句：

	module.exports = {
	    assetsDir: 'static'
	}

再次打包，就会发现js，css文件都打包进了static文件中了。
再次把static文件放入flask中，运行。
问题解决。