终端运行命令npm运行构建

项目包装和变更成功的标志，如下图所示：

单击index.html并在浏览器中运行它。出现如下错误，如图所示：

那么应该如何修改呢？

具体步骤如下：

1.检查package.js文件的scripts命令。2.打开webpack.dev.conf.js文件，找到public path : config . dev . assets public path，按Ctrl键，点击跳转到index.js文件。3.其中dev是开发环境，build是构建版本。在生成下找到assets publicath : '/'，然后将其修改为assets publicath : '。/'，即在“/”前加一个点。4.终端可以运行npm运行构建。这时，点击index.html并通过浏览器运行它，你会发现动态绑定的静态图片找不到，所以静态必须使用绝对路径。将图片路径改为绝对路径，包就完成了。

以上是边肖介绍的vue项目包装步骤的详细讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！