动态加载的Vue组件给我404

Question

动态加载的Vue组件给了我404，即使文件已被Webpack正确编译到dist文件夹中也是如此。

真的很想知道为什么-但是从我可以看出的情况来看，main.js文件正在寻找相对于它所在的当前URL路径的文件。

Vue加载程序配置

module.exports = () => {
  return {
      test: /\.vue$/,
      use: {
          loader: 'vue-loader',
      }
  };
}

webpack.congifg

module.exports = () => ({
  entry: [
    './entry.js',
  ],
  devtool: 'source-map',
  resolve: { 
    extensions: ['.js', '.vue'],
    modules: [path.resolve(__dirname, './dist'), 'node_modules']
  },
  module: require('./webpack/module')(),
  plugins: require('./webpack/plugins')(),

}）;

dist输出看起来像

当main.js文件试图将文件加载到（1.js，1.css）中时，它试图使它们相对于例如url路径

相反，它试图从localhost / dist / 1.js中获取它们，而是试图相对于url（即localhost / blog / news / 1.js）来获取它们。