Vue simplemente usa el modo proxy para resolver problemas entre dominios

Propósito: Utilice axios para solicitar la interfaz http://study.yuanjin.tech/api/user/login para obtener datos

Agregue la configuración del servidor proxy vue.config.js en el directorio raíz del proyecto

module.exports = {
  //vue的配置
  devServer: {
    proxy: {
      "/api": {
          //开发时，开发服务器需要代理到 http://stydy.yuanjin.tech
        target: "http://study.yuanjin.tech",
      },
    },
  },
};

Primero escriba un archivo js para solicitar datos: la publicación del usuario solicita la interfaz de inicio de sesión, necesita traer información de parámetros de usuario

import axios from "axios";
export async function login(loginInfo) {
  //http://study.yuanjin.tech/api/user/login
  var resp = axios.post("/api/user/login", loginInfo);
  return resp;
}

Llame al archivo js en main.js

import {login} from "@/services/userService";

async function test(){
var resp = await login({
  loginId: "user",
  loginPwd: "123123"
});
console.log(resp);
}

test();

Importante: reinicie el servicio después de la configuración