vue3设置代理解决跨域问题

vite.config.js配置

server: {// open: true,host: "0.0.0.0",proxy: {"/api": {target: "实际地址",changeOrigin: true,rewrite: (path) => path.replace(/^\/api/, ""),},},},

request.js文件中配置

const service = axios.create({baseURL: process.env.VITE_BASE_API,timeout: 10000,});

设置开发环境的全局变量.env文件配置

NODE_ENV = "development"VITE_BASE_API = api/

当网络请求出现本地项目地址号+api,并且返回状态码即表示代理成功