使用vue-cli build项目后,尝试使用打开dist目录下的index.html,发现显示一片空白
解决方法:打开config目录下index.js,修改build里assetsPublicPath: '/',
为assetsPublicPath: './',
,再次build能够正确显示
在version 2.4.0中,样式文件中的字体和图片路径出现错误
解决方法:打开build目录webpack.prod.conf.js,做如下修改
// new ExtractTextPlugin(utils.assetsPath('css/[name].[contenthash].css')),
new ExtractTextPlugin('[name].[contenthash].css'),
之前的问题都是因为直接使用打开文件导致的,正确的使用打开项目的方法应该使用静态服务器打开
安装http-server,并使用它打开项目
cnpm install http-server -g
http-server -a 127.0.0.1 -p 9999 // 9999为指定的端口