VUE-webpack打包,部署之后发现资源文件找不到
2018-07-30 13:55
363 查看
方案:
1.在 config->index.js里面,如下修改
2. 在build->utils.js里面修改如下:
1、图片资源放在 assets->img文件夹下面
img标签引入图片
<img src="../assets/img/loginback.png" class="test-img" />
css使用图片
background: url('../assets/img/loginback.png') no-repeat top left ;
2、图片资源放在static->img文件夹下面
img标签引入图片
<img src="../../static/img/loginback.png" class="test-img" /><br><img src="static/img/loginback.png" class="test-img" />
css使用图片
background: url('../../static/img/loginback.png') no-repeat top left ;
相关文章推荐
- 详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
- vue+webpack解决css引用图片打包后找不到资源文件的问题
- 在vue中用webpack打包之后运行文件问题以及相关配置
- vue.js使用webpack发布,部署到服务器上之后在浏览器中可以查看到vue文件源码
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- webpack+vue打包之后输出配置文件修改接口文件
- Vue工程模板文件 webpack打包配置方法
- Vue项目使用webpack打包时纯静态资源的处理
- vue-cli项目webpack打包后iconfont文件路径问题解决
- 如何降低Vue.js项目中Webpack打包文件的大小?
- webpack打包vue 部署后空白页 图片不显示
- 解决vue-cli webpack打包后加载资源的路径问题
- Vue项目webpack打包部署到Tomcat刷新报404错误问题的解决方案
- 浅谈webpack打包之后的文件过大的解决方法
- Vue工程模板文件 webpack打包
- Vue项目webpack打包部署到Tomcat,刷新报404错
- 关于vue-cli + webpack打包给后台,部署上线
- vue-cli中解决css引用图片打包后找不到文件资源的问题
- Vue项目webpack打包部署到Tomcat
- vue项目通过webpack打包生成的dist文件放到express里边运行(vue+webpack+express)