Webpack 4 代理(如何在 webpack 4 中设置代理 url)

Posted

技术标签:

【中文标题】Webpack 4 代理(如何在 webpack 4 中设置代理 url)【英文标题】:Webpack 4 Proxy (How to set up proxy url in webpack 4) 【发布时间】:2018-10-09 20:14:34 【问题描述】:

我基本上是一个 webpack 新手,这是我遇到的问题。我正在关注如何在 webpack 中设置代理 url 并使用以下语法的教程:

proxy: 
  '/api/*': 
    target: 'http://localhost:5000',
    secure: false
  
,

但这给了我this error!

我所关注的教程是在 webpack 4 出现之前,所以我认为 webpack 4 有其他方法。

这是我想要实现的目标: * 我在 8080 端口上有一个 webpackdev 服务器,我的 express 后端正在侦听 5000 端口

希望大家帮忙

【问题讨论】:

【参考方案1】:

我用以下代码解决了这个问题:

devServer: 
  proxy: 
    '/api/*': 
      target: 'http://localhost:5000',
      secure: false
    
  ,
,

【讨论】:

以上是关于Webpack 4 代理(如何在 webpack 4 中设置代理 url)的主要内容,如果未能解决你的问题,请参考以下文章

如何在 Nuxt 中使用 webpack 开发代理

webpack代理解决跨域

将 https 添加到 webpack 代理的 graphql express 端点

Webpack 配置 proxy 代理解决跨域问题

在 Vue 中代理 webpack 开发服务器

有没有办法像在 Webpack 中一样在 Parcel 中代理请求?