Vue simply uses proxy mode to solve cross-domain problems

Purpose: Use axios to request http://study.yuanjin.tech/api/user/login interface to get data

Add proxy server configuration vue.config.js under the project root directory

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

First write a js file for requesting data: user post requests login interface, need to bring user parameter information

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;
}

Call the js file in main.js

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

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

test();

Important: Restart the service after configuration