vue-cli build路径问题

使用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为指定的端口

你可能感兴趣的:(vue-cli build路径问题)