vue-cli项目打包出现空白页和路径错误问题

1.第一个问题,运行index,会看到网页一片空白

f12调试,全是css,js路径引用错误的问题。

解决:到config文件夹中打开index.js文件。assetsPublicPath属性:‘/’ 改为 ’./’

vue-cli项目打包出现空白页和路径错误问题

assetsPublicPath属性作用是指定编译发布的根目录,‘/’指的是项目的根目录 ,’./’指的是当前目录。

2.第二个问题,router-view中的内容显示不出来。

(1)没有后端设置的配合

vue-cli项目打包出现空白页和路径错误问题

解决:// mode: 'history',//将这个模式关闭就好

(2)后端配置 后端配置示例