vue打包找不到图片,图标等资源问题
修改配置文件config/index.js原本内容为 '/'。没有小点;解决的问题是:文档发布找文件路径是在当前路径下找相对路径,否则的话会找绝对路径build/utils.js【此处关键】解决的问题是:样式表里引入的背景图片原本会自动加入'static/css'。把背景图识别到了样式css的目录下加上词句后,就可以找到样式表外层目录;需要注意的是:样式表里引...
·
修改配置文件
config/index.js
原本内容为 '/'。没有小点;
解决的问题是:文档发布找文件路径是在当前路径下找相对路径,否则的话会找绝对路径
build/utils.js
【此处关键】解决的问题是:样式表里引入的背景图片原本会自动加入'static/css'。把背景图识别到了样式css的目录下加上词句后,就可以找到样式表外层目录;
需要注意的是:样式表里引入的图片路径不能写绝对路劲
build/webpack.base.conf.js
【文件路径】但我们在页面中import,图片……需要添加文件路径的时候,写一堆“../../../”等等的路径,费半天劲,此刻不用了,只需要设置了上图中文件路径就可以,开发和打包的时候,vue会自动匹配文件路径,方便又省事。
需要注意的是:这样写static图片路径,可以解决打包找不到图片的问题
【此处关键】
【此处关键】图片中注释的一句:mode:'history';在浏览器域名下不显示'#',使用的是html5模式;
其实也不是问题,但是如果和后端配合,前端的项目不在根路径(webapps下),那么就需要路由带'#'来控制了;
更多推荐
已为社区贡献51条内容
所有评论(0)