vue.config.js 配置代理，解决跨域

为什么要配置代理？

因为有跨域问题，要使用代理服务器发送请求。

比如：https://ynuf.aliapp.org/service/um.json?_bx-v=2.0.31 这个接口.

本地 http://localhost:8080/向它发送请求，就会发生跨域所以要把本地请求代理到https://ynuf.aliapp.org上

配置代理前，访问结果是

如何配置

使用vue.config.js 进行配置

vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api': { //访问 /api 接口的都会被代理到下面的域名上
        target: 'https://ynuf.aliapp.org',  //目标url
        changeOrigin: true, // 是否改变域名
        ws: true,
        pathRewrite: {
          // 路径重写
          '^/api': '', // 这个意思就是以api开头的，会把api去掉，再接上后面的字段
        },
      },
    },
  },
};

使用axios发送请求

代理之后

有一点点问题，pathRewrite的配置没有生效，待解决