vue3解决跨域问题详细代码亲测有效

module.exports = {

    devServer: {

        proxy: {

            '/api': {

                target: 'http://api.tubecoin.org', //这里填入你要请求的接口的前缀

               ws: true, //代理websocked

              changeOrigin: true, //虚拟的站点需要更换origin

         secure: true, //是否https接口，我用的http但是我变成false他打包后会报错，所以先true

                pathRewrite: {

                    '^/api': ''     //重写路径

                }

            }

        }

    }

}

import Axios from "axios";

Axios.defaults.baseURL = "/api";

   Axios({

          method: "post", //接口方法

          url: "/register/register", //接口

          params: {        //需要传的参数

            username: obj.name,

            phone: obj.phone,

            sms_code: obj.code,

          },

        }).then((res) => {

          console.log(res, "55555");

          ElMessage(resp.data.message);  //这个是引入的element plus中的提示框

        });

module.exports = {
  devServer: {
    open: true,
    host: 'localhost',
    port: 8085,
    //这里的ip和端口是前端项目的;下面为需要跨域访问后端项目
    proxy: {
      '/ResourcesCenter': {
        target: 'http://localhost:8081/ResourcesCenter/',//这里填入你要请求的接口的前缀
        ws:true,//代理websocked
        changeOrigin:true,//虚拟的站点需要更管origin
        secure: true,                   //是否https接口
        pathRewrite:{
          '^/ResourcesCenter':''//重写路径
        },
        headers: {
          referer: 'http://localhost:8081/ResourcesCenter/', //这里后端做了拒绝策略限制，请求头必须携带referer，否则无法访问后台
        }
      }
    }
  }
}

 selectByPage(pageSize, pageNum, keyword) {
        return axios.get('/ResourcesCenter/BaseMapStyle/selectByPage?almanacName='+keyword+'&pageSize='+pageSize+'&pageNum='+pageNum,
            // {
            //     params:{
            //         almanacName:keyword,
            //         pageSize:pageSize,
            //         pageNum:pageNum
            //     }
            // },
            /*' {headers: {\'Content-Type\': \'application/json;charset=UTF-8\'}}'*/)
    }