打包vue.js时的空白页和路径错误及其解决方案

Vue-cli输入命令：npm运行构建可以打包vue.js项目

打包后，项目中将有一个额外的文件夹dist。下图显示了我们的打包项目

当我们直接运行打包文件夹中的index.html文件时，我们会看到网页是空白的，f12调试充满了css和js路径引用错误。

解决方案：在配置文件夹中打开index.js文件。

文件中有两个资产公共路径属性。更改第一个属性，即在构建中更改assetsPublicPath属性：

assetsPublicPath属性指定编译和发布的根目录。/'是指项目的根目录，而'。“/”指的是当前目录。

摘要

以上就是边肖介绍的打包vue.js时出现的空白页和路径错误的问题及其解决方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你的！