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

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

build: {
   assetsPublicPath: './'
}

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

return ExtractTextPlugin.extract({
   use: loaders,
   fallback: 'vue-style-loader',
   publicPath: './'
})

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

const router = new VueRouter({
    mode: "history",
    base: "wap", //修改自己的名称
    routes
});

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

以上是编程学习网小编为您介绍的“Vuejs打包后部署到子目录下路径问题解决方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。

本文标题为:Vuejs打包后部署到子目录下路径问题解决方法

基础教程推荐