终端运行命令 NPM run build
打包成功的标志与项目的改变, 如下图:
点击 index.html, 通过浏览器运行, 出现以下报错, 如图:
那么应该如何修改呢?
具体步骤如下:
1, 查看 package.JS 文件的 scripts 命令
2, 打开 webpack.dev.conf.JS 文件, 找到 publicPath: config.dev.assetsPublicPath, 按 Ctrl 点击, 跳转到 index.JS 文件
3, 其中 dev 是开发环境, build 是构建版本, 找到 build 下面的 assetsPublicPath: '/', 然后修改为 assetsPublicPath: './', 即 "/" 前加点.
4, 终端运行 NPM run build 即可.
此时点击 index.HTML, 通过浏览器运行便, 会发现动态绑定的 static 的图片找不到, 故 static 必须使用绝对路径. 将图片路径修改为绝对路径, 至此, 打包完成.
本文来自 vue.js 答疑 https://www.html.cn/qa/vue-js/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/vue-js/14778.html