antd-mobile用axios跨域怎么处理
要解决antd-mobile使用axios跨域的问题,可以通过以下步骤进行处理:
- 安装axios和http-proxy-middleware:在项目根目录下运行以下命令来安装这两个依赖:
npm install axios http-proxy-middleware
- 创建一个代理配置文件:在src目录下创建一个名为setupProxy.js的文件,并在其中添加以下代码:
const proxy = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
proxy({
target: 'http://example.com', // 修改为你的API服务器地址
changeOrigin: true,
})
);
};
这个配置文件将所有以/api开头的请求代理到目标服务器,你需要将target修改为你的API服务器地址。
- 配置antd-mobile使用axios:在你的代码中导入axios并使用它发送请求,例如:
import axios from 'axios';
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.error(error);
});
这样,当你发送以/api开头的请求时,axios会自动将其代理到目标服务器。
- 启动开发服务器:运行npm start来启动开发服务器,它会自动使用setupProxy.js配置文件中的代理设置。
现在,当你发送以/api开头的请求时,axios会将其代理到目标服务器,解决antd-mobile使用axios跨域的问题
原文地址: https://www.cveoy.top/t/topic/icIN 著作权归作者所有。请勿转载和采集!