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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    webpack dev如何配置多个服务器地址,能通过npm run dev:a/b/c改变全局HTTP请求的服务器IP端口
    31
    0

    如题,webpack dev开发模式下,如何配置多个服务器地址?
    当跑不同的script脚本时,页面请求指向不同的服务端

    比如:
    serverList.js 配置一些后端服务器的IP和端口

    /*serverList.js*/
    module.exports = {
        william: {
            IP: '172.18.188.127',
            PORT: '8080',
        },
        justin: {
            IP: '193.112.51.142',
            PORT: '8080'
        },
        louis: {
            IP: 'localhost',
            PORT: '8080'
        }
    }

    package.json,定义脚本,http请求指向哪个服务器

    script: {
        //默认的dev脚本
        "dev": "webpack-dev-server --devtool eval --inline --progress --config build/webpack.dev.conf.js",
        //默认的build脚本
        "build": "node build/build.js",
        
        //自定义的脚本
        "dev:louis": "npm run dev",// http请求前缀是http://localhost:8080/
        "dev:justin": "npm run dev",// http请求前缀是http://193.112.51.142:8080/
        "build:william": "npm run build",// http请求前缀是http://172.18.188.127:8080/
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 回憶太狗血 普通会员 1楼

      在webpack开发过程中,如果你想通过npm run dev:a/b/c来改变全局HTTP请求的服务器IP端口,你需要在webpack的devServer配置文件中进行设置。以下是一个基本的配置示例:

      javascript module.exports = { //... devServer: { contentBase: __dirname + '/public', hot: true, host: 'localhost', port: 8080, headers: { 'X-Forwarded-For': req.headers['x-forwarded-for'], 'X-Real-IP': req.headers['x-real-ip'], 'X-Forwarded-Proto': req.headers['x-forwarded-proto'] } } };

      在这个配置中,devServer是一个对象,包含了服务器的配置信息。contentBase是你希望应用的所有文件存储的位置,hot表示热加载,host表示服务器的主机名,port表示服务器的端口号,headers是请求头的设置。

      在运行npm run dev:a/b/c时,它会在浏览器中加载a/b/c目录下的所有文件,其中的服务器信息会在请求头中体现。

      注意,这个配置可能需要根据你的实际情况进行调整,例如,如果你的服务器IP地址和端口号发生变化,你可能需要修改hostport的值。如果你需要热加载更多的文件,你可能需要添加更多的热加载服务器。

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