关于webpack反向代理配置

vue-cli3.0 vue.config.js配置webpack反向代理,在vue.config.js里添加下面配置
    

devServer: {

        open: true,//配置自动启动浏览器

        host: 'localhost',

        port: 8088,

        https: false,

        hotOnly: false,

        proxy: {

            "/service": {//名称

                target: "http://xxx",//需要代理到哪里去

                changeOrigin: true,

                ws: true,

                pathRewrite: {

                    '^/service': ''

                }

            },

        }

    },

使用如下:

运行一下,就可以在本地跑起来了~~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue-config-js配置参考 vue-cli3 脚手架搭建完成后,项目目录中没有 vue.config.js...
    Rising_life阅读 435,134评论 8 312
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 8,139评论 1 4
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,689评论 4 31
  • 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但...
    yichen_china阅读 5,244评论 0 3
  • 现在官方的vue-cli已经升级到3.x版本了,精简了很多文件,其中包括了没有了cli2中的config目录,所以...
    sproutZhang阅读 1,911评论 0 0