vue2.0 项目build后资源文件报错404的解决方案
2017-11-22 15:19
639 查看
当vue项目build后,我们会看到css、js报错404的问题;
那我们就去找错误原因吧。
首先,查看build后的dist文件目录
可以看出,js、css在index.html的同级目录下;
然后,查看index.html,看到下面的代码
<script type=text/javascript src=/static/js/app.41ce5f66426864089c57.js></script>
我们先普及下文件路径的知识 ../上级目录 ./同级目录 /根目录
看上面的代码,js、css文件的访问是根目录,所以我们只需要将根目录改成同级目录就可以了。
修改方法:找到config文件夹下的index.js文件
找到build.assetsPublicPath,将"/"修改成"./"
build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './' // 下面的省略 }
再次执行 npm run build 完美解决
相关文章推荐
- vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录
- JSP项目从普通类中读取资源文件路径解决方案
- 【Vue】项目打包的时候,build.js文件过大,可以通过设置懒加载或者按照路由分模块加载进行打包
- 项目报错:打开文件过多,数据库连接失败等资源问题
- 解决webpack vue 项目打包生成的文件,资源文件均404问题
- vue2.0 资源文件assets和static的区别
- vue项目引用bootstrap资源打包发生错误,loaders没有配置font字体文件
- vue2.0 资源文件assets和static的区别
- vue-cli 项目中绝对路径引用的相关资源 npm run build 后 打开页面报404错误
- 关于“IIS7中URL重写IIS提示报错404无法找到资源”的完整解决方案
- vue项目build报错的解决办法(ERROR in static/js/vendor.xxxxx.js from UglifyJs)
- Vue项目build打包部署到Tomcat后,刷新报404错误解决方案
- webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
- 关于“IIS7中URL重写IIS提示报错404无法找到资源”的完整解决方案
- angular4.0项目build发布后,刷新页面报错404
- vue创建项目build的文件夹下没有dev-server.js文件了,怎么mock数据?
- vue-cli项目中单文件组件引入bootstrap.js异常的解决方案
- tomcat中部署项目后,访问失败,报错404的原因以及解决方案
- vue2.0 资源文件assets和static的区别详解
- angular4.0项目build发布后,刷新页面报错404