您现在的位置：首页 >> 前端 >> 内容

Vue懒加载组件路径不对

时间：2017/7/20 11:23:58 点击：

　　核心提示：最近在使用VueRouter的懒加载组件的时候.const routes = [{path: /,component: App},{path: /category,component: resolve...

最近在使用VueRouter的懒加载组件的时候.

const routes = [

    {
        path: '/',
        component: App
    },
    {
        path: '/category',
        component: resolve => {require(['./components/Category.vue'], resolve)}
    }
]

但是在加载/category的时候，我发现会报错。

原来webpack会把这个懒加载单独加载一个js，默认按照
0.app.js 1.app.js ……的顺序加载的

通过简单的debug发现是0.app.js的路径不对

通过webpack的设置即可解决（我使用的laravel，配置根据情况自行修改)

Elixir.webpack.mergeConfig({
    module: {
        loaders: [
            {
                test: /\.css/,
                loader: "style!css"
            }

        ]
    },
    output: {
        publicPath: "js/"
    }
})

配置下output下的publicPath即可。