vue2 webpack build到网站子目录踩坑。

打包到非网站根目录的时候会遇到的问题。

会遇到坑,首先config/index.js需要修改

build: {
  // Template for index.html
  index: path.resolve(__dirname, '../dist/index.html'),

  // Paths
  assetsRoot: path.resolve(__dirname, '../dist'),
  assetsSubDirectory: 'static',
  assetsPublicPath: './',

assetsPublicPath: ‘/’,=>assetsPublicPath: ‘./’,添加一个点

然后,再修改路由

//判断是否是开发环境
if(process.env.NODE_ENV === 'production')
{
  path = 'tm'; //子目录或者项目名称
}

export default new VueRouter({
  mode: routerMode,
  base: __dirname,

  routes: [
      {
        path: '/'+path,//如果是开发环境就需要加上项目名称
        component: home
      }
    ]
})

然后才能正常渲染。否则就白屏。

发表评论

邮箱地址不会被公开。