Vue 项目在开发时运行正常,打包发布后却出现各种报错,这里整理一下遇到的问题,以备忘。
1、js 路径问题
脚手架默认打包的路径为绝对路径,改为相对路径。修改 config/index.js 中 build 节点下 assetsPublicPath,把原来 ‘/’ 改为 ‘./’
2、img 路径问题
在 build/utils.js 文件中 ExtractTextPlugin extract 节点下,添加一行:publicPath: ‘…/…/’
3、favicon.ico 问题
① 在 build/webpack.prod.conf.js 文件中 new HtmlWebpackPlugin 节点下, 添加一行:favicon: config.build.favicon
② 在 config/index.js 文件中 build 节点下,添加一行 : favicon:path.resolve( __dirname,‘…/src/favicon.ico’ )( PS:favicon.ico 放在 src 目录下)
4、IE9+ 兼容性问题
由于 axios 是基于 promise 之上实现的,在 IE 下会有兼容性问题。
① 安装 babel-polyfill
② 修改 build/webpack.base.conf.js 文件中 entry 节点
5、禁止生成 .map 文件
修改 src/config/index.js 中 productionSourceMap 值
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。