我个人用的git bash的控制台
打包vue项目
在控制台输入 cnpm run build
打包部署后遇到的问题
1.静态资源路径和背景图片找不到
> 路径问题解决方法
> 1 .static文件夹中路径问题,修改文件的引用路径,用相对路径方法 ./
> 2 .css中图片路径问题 ,修改build文件中utils.js文件 找到下边这段代码
if (options.extract) {
return ExtractTextPlugin.extract({
use: loaders,
fallback: 'vue-style-loader',
publicPath:'../../'
})
} else {
return ['vue-style-loader'].concat(loaders)
}
添加publicPath:'../../'这句
>3 静态资源的问题
修改config的index.js文件,找到下边这段代码,添加assetsPublicPath: './'
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
2. 打开文件刷新404的问题
路由不要用history形式,使用默认的hash模式