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)

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

推荐阅读更多精彩内容