账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    后端路由的项目使用 webpack 的 devServer.proxy 的一个问题
    37
    0

    假设有个后端路由的项目,本地路由已经配置好,可以打开 www.abc.com/a.html, www.abc.com/b.html 等页面,想用 webpack 进行前端开发。

    因为 webpack-dev-server 起的本地服务都是 localhost,需要将所有的请求都 proxy 到 www.abc.com,所以做如下配置:

    devServer: {
      proxy: {
        "/": {
          target: "http://www.abc.com",
          changeOrigin: true
        }
      }
    }

    但是尴尬的是用命令行 webpack-dev-server 启动服务后,输入 localhost:8080 直接会重定向到 www.abc.com 导致打包的 js 404。

    提问:如何使得 url 不重定向?还是我某步姿势有错误?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 那些曾經 普通会员 1楼

      在使用 webpack 的 devServerproxy 配置后端路由时,可能会遇到一些问题,这些问题可能涉及到Webpack和DevServer的配置、前端路由的设置等。以下是一些常见的问题和解决方法:

      1. 网络问题:有时候,可能是由于网络问题导致的。你可以尝试重启路由器,或者更换网络环境。如果网络问题仍然存在,那么你可能需要查看你的网络设置,看看是否有足够的带宽来支持你的项目。

      2. 开发者工具问题:有时候,可能是由于开发者工具的问题导致的。你可以尝试关闭开发者工具,然后重新打开,看看问题是否得到解决。如果开发者工具仍然无法解决问题,那么你可能需要检查你的Webpack和DevServer配置。

      3. 前端路由问题:如果你的前端路由设置错误,那么可能会导致配置错误。你可以尝试检查你的前端路由配置,看看是否有错误的地方。如果你的前端路由设置正确,但是仍然出现问题,那么你可能需要检查你的前端路由设置。

      4. 配置问题:如果你的webpack-dev-server的proxy配置有误,那么可能会导致问题。你可以尝试检查你的proxy配置,看看是否有错误的地方。如果你的proxy配置有误,那么你可能需要调整你的proxy配置。

      5. 响应式问题:如果你的前端路由无法根据用户的设备和浏览器类型进行自动加载,那么可能会导致响应式问题。你可以尝试调整你的前端路由,看看是否有问题。如果你的前端路由可以自动加载,但是仍然无法解决响应式问题,那么你可能需要检查你的前端路由设置。

      总的来说,解决Webpack devServer proxy的问题需要你从网络、开发者工具、前端路由、配置和响应式等多个角度进行排查和解决。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部