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

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

devServer: {

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

    host: '0.0.0.0', // 配置devServer服务监听的地址  比如:想让局域网内的其他用户访问自己的设备,可以将host配置为自己本机的IP地址

    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替换为斜杠

你可能感兴趣的:(vue,vue)