Javascript 销毁文件夹中的网页资源路径是绝对路径，因此无法工作

我在我的webpack项目中安排了资产路径，它在webpack开发服务器下运行良好，但是发布了项目（使用Github页面）；浏览器似乎无法访问资源，因为它的绝对路径

比如说,

我有src/components/banner.html，如下所示

横幅标题

横幅主体

您可以使用环境变量将服务器上的

publicPath

更改为正确的路径，例如：

  //...
  const publicPath = process.env.BASE_URL || '/';
  output: {
    path: path.join(__dirname, "/dist"),
    publicPath:,
    filename: '[name].js',
  },
  //...

---

您可以使用环境变量将服务器上的

publicPath

更改为正确的路径，例如：

  //...
  const publicPath = process.env.BASE_URL || '/';
  output: {
    path: path.join(__dirname, "/dist"),
    publicPath:,
    filename: '[name].js',
  },
  //...

---

您可以将输出中的

publicPath

更改为

'

，如下所示：

output: {
    path: path.join(__dirname, "/dist"),
    publicPath: '' ,
    filename: '[name].js',
  },

并将MiniCssExtractPlugin配置的

publicPath

更改为

'../../'

：

{
  loader: MiniCssExtractPlugin.loader, 
  options: {
    publicPath: '../../' 
  }
},

---

您可以将输出中的

publicPath

更改为

'

，如下所示：

output: {
    path: path.join(__dirname, "/dist"),
    publicPath: '' ,
    filename: '[name].js',
  },

并将MiniCssExtractPlugin配置的

publicPath

更改为

'../../'

：

{
  loader: MiniCssExtractPlugin.loader, 
  options: {
    publicPath: '../../' 
  }
},

---

和以前一样，它在dev服务器上工作，而不是使用file:///E:/answerwebpackpath/dist/index.html ... 所以它在分布式环境中不起作用它没有意义，就像以前一样，在开发服务器上工作，而不是使用file:///E:/answerwebpackpath/dist/index.html ... 所以它在分发中不起作用