国外IP代理推荐：
IPIPGO|全球住宅代理IP（>>>点击注册免费测试<<<）
国内IP代理推荐：
天启|企业级代理IP（>>>点击注册免费测试<<<）
神龙|纯净稳定代理IP（>>>点击注册免费测试<<<）
咱们前段时间话题聊到了关于vue3反向代理axios.js配置这个事情，今儿咱就来剖析一下这个坑有多大，咋填！其实，vue3在使用axios.js发送请求时，有时候会出现跨域请求的问题，这就需要通过nodejs反向代理来解决啦。
Vue3的小花样
先说说咋回事儿，咱们知道vue3是前端框架中的“新宠”，但是它在发送请求时，默认会遇到跨域的限制，就好像是你想跨过一道高高的篱笆，但人家不给你开门一样，于是就出现了“跨域请求被阻止”的提示，让小伙伴们很是崩溃。这时候咋办呢？这时候，就需要用到axios.js来发送请求，并且通过nodejs反向代理来解决跨域的问题。```javascript // 在vue3中的使用axios.js的例子 import axios from 'axios';
axios.get('https://API.example.com/user') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }); ```
Nodejs的反向代理
其实，当vue3发送请求时，可以通过nodejs搭建一个本地的服务器，然后设置一个反向代理的规则，将请求转发到目标服务器，就好像是你委托一个中间人帮你去办事一样。这样一来，前端就可以愉快地发送请求了，就像是篱笆被自动打开了一样，不再受到跨域的限制了！
```javascript // 在nodejs中设置反向代理的例子 const express = require('express'); const { createProxyMiddleware } = require('http-proxy-middleware');
const app = express();
app.use('/api', createProxyMiddleware({ target: 'https://api.example.com', changeOrigin: true }));
app.listen(3000); ```
所以说，用vue3发送请求时遇到跨域的问题，只需要搭建一个nodejs的反向代理，就能够轻松解决啦！就好像是遇到了一道大河，有了桥，就能够毫无阻碍地过河了一样。希望这个小小的技巧能够帮助到你，让你在前端的世界里越走越顺利！
优质代理ip服务商推荐：
使用方法：点击下方对应产品前往官网→注册账号→联系客服免费试用→购买需要的套餐→前往不同的场景使用代理IP
国外IP代理推荐：
IPIPGO|全球住宅代理IP（>>>点击注册免费测试<<<）
神龙海外代理（>>>点击注册免费测试<<<）
国内ip代理推荐：
天启|企业级代理IP（>>>点击注册免费测试<<<）
神龙|纯净稳定代理IP（>>>点击注册免费测试<<<）
发表评论
发表评论: