webpack

78次阅读

共计 617 个字符，预计需要花费 2 分钟才能阅读完成。

1、webpack.devServer 配置
如果要启用 webpack 代理，则配置如下：

  webpackConfig.devServer = {
    hot: true,
    hotOnly: false, // If true: Enable HMR without page refresh when build failure
    open: true, // auto open 
    port: 8080,
    overlay: true,
    publicPath: '/',
    proxy: {'(/crmp/admin/**)': { 
        target    : 'http://10.6.183.146:8088/', 
        changeOrigin: true,
        secure: false, // 接受运行在 HTTPS 上，且使用了无效证书的后端服务器
      },
    },
    quiet: true,
  }

proxy 中的代理请求地址必须是 相对路径 ，且从相对路径左侧开始匹配，如 (/crmp/admin/xxx) 代理的是 http://localhost:8080/crmp/admin/xxx 请求路径，代理到后端 http://10.6.183.146:8088/crmp/admin/xxx 地址。
代理后，我们在浏览器网络栏看到的请求地址是：
Request URL:http://localhost:8080/crmp/admin/xxx。
实际是代理服务器请求了后端接口，再把数据响应给 localhost:8080。

2、搭建基于 webpack4+vue2.6 的多页框架骨架

正文完