vue 刷新嵌套路由_使用 vue-router 实现嵌套路由，在二级路由下刷新页面无法加载打包的bundle文件...

问题描述

在 vue+webpack 项目中使用 vue-router 的 history 模式实现嵌套路由，在二级路由下刷新页面后无法加载打包后的 bundle 文件。

报的错误如上图。查看 network 可以看到获取 app.bundle.js 文件的路径不对

正确的请求应该是

localhost:8080/app.bundle.js

。

相关代码

贴一下配置文件。

这是 webpack.common.js，webpack 的基本配置文件。

module.exports = {

entry: {

app: [ './src/main.js' ]

},

output: {

filename: '[name].bundle.js',

chunkFilename: '[name].bundle.js',

path: path.resolve(__dirname, 'dist')

},

resolve: {

alias: {

'@': path.resolve(__dirname, 'src'),

vue$: 'vue/dist/vue.runtime.esm.js'

},

extensions: [

'.js',