vue 的devServer 配置详解

7,675 阅读1分钟

第一种

devServer: {
    disableHostCheck: true,
    open: true,
    host: '192.168.10.43', // 本机ip
    port: 8080, // 本机端口
    https: true,
    proxy: 'https://bellonlinetest.bell.ai', // 需代理的地址
    before: app => {}
 },

第二种

devServer: {
    proxy: {
     '/admin/': {
        target: 'https://bellonlinetest.bell.ai', // 目标路径,别忘了加http和端口号
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/admin': '/admin' // 重写路径
          // '^/123': ''  // 比如/123/admin/being/classes/classInfo 会被替代成/admin/being/classes/classInfo
        }
      }
    }
  }

推荐使用第二种,方便配置,并且不会受本机ip变动影响