Vuejs打包后部署到子目录下路径问题解决方法

1、修改config => index.js => build => assetsPublicPath，修改代码入戏：

复制代码build: {
   assetsPublicPath: './'
}
1
2
3

2、在build => util.js 里找到ExtractTextPlugin.extract增加一行：publicPath: ‘../../’，主要解决背景图片路径的问题。修改代码入戏：

复制代码return ExtractTextPlugin.extract({
   use: loaders,
   fallback: 'vue-style-loader',
   publicPath: './'
})
1
2
3
4
5

3、找到路由文件src/router/index.js，修改代码入戏：

复制代码const router = new VueRouter({
    mode: "history",
    base: "wap", //修改自己的名称
    routes
});
1
2
3
4
5

把index.html所有/static/改成./static/