vue 脚手架跨域问题解决

跑路羊崽

已于 2022-02-17 14:11:55 修改

阅读量797

点赞数

分类专栏：羊崽的开发笔记文章标签： vue.js javascript 前端

于 2022-02-17 10:02:29 首次发布

本文链接：https://blog.csdn.net/qq_29699527/article/details/122975673

版权

羊崽的开发笔记专栏收录该内容

39 篇文章 1 订阅

订阅专栏

根目录下新建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()中的代码发生错误时执行
      });