vue 脚手架跨域问题解决

根目录下新建vue.config.js，源码：

module.exports = {

    devServer: {
        proxy: {
            '/api': {
                target: 'https://sp.wjrdyf.com/',//服务器域名
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

然后进行网络请求

  const that = this;
    const url = "api/xcxUser/getDepartmentList";
    console.log("请求的链接为" + url);
    that
      .$axios({
        method: "post", //指定请求方式
        url: url, //请求接口（相对接口，后面会介绍到）
        // data: {},
      })
      .then((res) => {
        //接口成功返回结果执行
        console.log(res);
      })
      .catch(function (err) {
        console.log("请求失败" + err); //请求失败或者接口返回失败或者.then()中的代码发生错误时执行
      });

最后一步：
重重重重重重重重重重重重重重要要要要要要要要要要要要要要要要要
重启服务 npm run serve