vue3配置跨域 axios_vue3设置跨域

1.在新创建的vue3项目中默认vue.config.js使不存在的需要手动创建,vite.conifg.js与vue.config.js没有关系

vite.config.js 和 vue.config.js 是两个不同的配置文件，分别用于不同的前端开发环境

vite.config.js 是 Vite 构建工具的配置文件，用于配置 Vite 项目的构建、插件、自定义配置等。

vue.config.js代码

const { defineConfig } = require("@vue/cli-service");

module.exports = defineConfig({

  transpileDependencies: true,

  configureWebpack: {

    devServer: {

      proxy: {

        "/{后缀}  值接口地址的后缀": {

          target: "接口地址 例如:http://xxx:xxx/api 后面为api 看自己的后缀是啥就是啥",

          changeOrigin: true,

          ws: true,

          pathRewrite: { "^/{后缀 (同上)}": "" },

        },

      },

    },

  },

});

2.查看pacjage.json文件(我的是这样的)

3.代码应用

import Axios from "axios";

Axios.get("/{后缀 接口地址后缀}/请求地址").then(res=>{console.log(res)})