前端:proxy简单粗暴解决请求跨域问题

自用版的，自己能看懂，不懂可以再问一下或者移步大佬区(〃´-ω･) 

vue2

// vue.config.js文件下
devServer: {
    open: true,// 自动打开浏览器
    host: "localhost",// 本地启动
    port: 8080,// 端口号
    proxy: { // 跨域
      // 标识
      "/api": {// 配置标识
        target: "https://www.dmoe.cc/random.php",// 代理网址
        pathRewrite:{'^/api/':'/'},// 配置标识重命名一下
        changeOrigin:true, // 允许跨域
      },
    },
  },

// utlis/request.js文件下
import axios from "axios";

const request = axios.create({
    baseURL:'/api',
    timeout:10000
})


export default request;

// api/index.js文件下

import request from "@/utils/request";

export const reqimgUrl = () => {
    return request.get('?return=json')
};

// main.js文件下

import * as api from "@/api";
Vue.prototype.$api = api;

---

vue3

export default defineConfig({
  plugins: [
    vue(),
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
  // 重点这里
  server: {
    proxy: {
      // 选项写法
      "/apis": {
        target: "https://www.666.com",// 代理路径
        changeOrigin: true,// 允许跨域
      },
    },
  },
});