vue开发环境跨域问题

1.中间代理方法

打开项目config文件夹-->index.js文件，看到里边的proxyTable: {}

proxyTable: {

      "/apis/": {

        target: "http://m.kugou.com", // 源地址

        "secure":false, // 使用的是http协议则设置为false，如果是https协议设置为true

        "changeOrigin": true, // 允许跨域

        "pathRewrite": { // 路径改写规则

            "^/apis" : ""  // 路径重写(api不要就直接匹配空)

        },

        "headers": { // 伪造用户代理信息访问酷狗手机端

          "User-Agent": "Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Mobile Safari/537.36"

        }

      }

    }

例：

/apis就代表target源地址（例子中的http://m.kugou.com）

在组件中的用法