您好,欢迎来到百家汽车网。
搜索
您的当前位置:首页vue之代理配置devServer(vue.config.js)片段

vue之代理配置devServer(vue.config.js)片段

来源:百家汽车网

关于vue.config.js的部分配置解析:首先看下面一段配置

devServer: {

    open: process.platform === 'darwin',//true or false (true则启动项目自动打开系统自带浏览器)

    port: 8080,端口号,默认是8080,启动项目的时候,如果被占用就换成8081等其他数字都行

    before: app => {},

    // 配置vue代理进行跨域    

proxy: { // 接口配置代理,解决本地调用跨域

     '/proxy': {

        target: 'http://xx.xx.xx:8080/xxx/hhh', // 代理某环境地址

        secure: false, // false为http访问,true为https访问

        changeOrigin: true, // 跨域访问设置,true代表跨域

        pathRewrite: { // 路径改写规则

          '^/proxy': '/' // 以“^/xxx”为开头的改写为''/xxx

        }

      }

      }

    }

  }

关于部分配置说明:

open: process.platform === 'darwin',作用:true则启动项目后自动打开系统默认浏览器,反之不打开

//这里没什么特殊情况就true就好了。上面之所以这样写,是苹果电脑系统判断有的时候会这样写。

 pathRewrite 如果不想始终传递 /proxy,则需要重写路径: '^/proxy': '/' 将proxy替换为斜杠

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- baijiahaobaidu.com 版权所有 湘ICP备2023023988号-9

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务