vue3解决跨域问题！亲测有效

1.在vue.config.js中 放入以下代码：

module.exports = {

    devServer: {

        proxy: {

            '/api': {

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

               ws: true, //代理websocked

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

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

                pathRewrite: {

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

                }

            }

        }

    }

}

2. 需要写接口的页面引入：

import Axios from "axios";

Axios.defaults.baseURL = "/api";

3.页面中的方法： 

   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中的提示框

        });