打包后空白页
在config文件加下index.js文件中,找到 build 中的 assetsPublicPath 将 assetsPublicPath: '/' 修改为 assetsPublicPath: './' 即添加一个点
iview图标不显示
更改 build/utils.js 文件中 ExtractTextPlugin 插件的options 配置:
添加 publicPath: '../../', 完美解决问题
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
publicPath: '../../', // 注意配置这一部分,根据目录结构自由调整
fallback: 'vue-style-loader'
})
} else {
return ['vue-style-loader'].concat(loaders)
在build/webpack.prod.conf.js中把extract:true 改为 fasle,然后再重新build就可以了
module: {
rules: utils.styleLoaders({
sourceMap: config.build.productionSourceMap,
extract: false,
usePostCSS: true
})
}
npm run build
运行
打开FileZilla
在htdoc下新建文件夹
将dist下的文件复制到目录下
http://runningh5.top/vuecheshi/#/