vue文件放置位置及相关设置(将打包文件移除仍可正常访问路径)

初学Vue打包之后，文件路径或图片路径总是会报错，在网上查找了很多资料，总结了一些技巧。

1.js，css路径不对

解决办法：打开config/index.js，将其中的assetsPublicPath值改为’./’

2.css中引用的图片资源找不到

打开“build/utils.js”，增加一行代码: publicPath: '../../'

3.为了确保路径不会出错，最好将要访问的静态资源（图片，文件等）放置于项目文件下的static文件下，然后访问路径直接写static/..（因为打包生成的静态文件都在static下）；例如我在static下放置了一张图片img.png，在src下的vue文件中可以直接static/img.png访问。

注：第三条依赖于前两条，具体情况还需根据个人文件位置而定