怎么使用axios和proxy跨域访问 https://m.hua.com/home/GetProductListPrice
时间: 2023-12-20 16:04:28 浏览: 30
首先,你需要安装axios和http-proxy-middleware:
```
npm install axios http-proxy-middleware --save
```
然后在你的项目中创建一个proxy.js文件,代码如下:
```js
const { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'https://m.hua.com',
changeOrigin: true,
pathRewrite: {
'^/api': '/home/GetProductListPrice',
},
})
);
};
```
接下来在你的组件中引入axios,然后发起请求:
```js
import axios from 'axios';
axios.get('/api', {
params: {
// 请求参数
},
}).then(response => {
console.log(response.data);
}).catch(error => {
console.log(error);
});
```
注意,这里的请求路径是 '/api',而不是完整的 'https://m.hua.com/home/GetProductListPrice',因为我们已经在proxy.js中配置了代理。当你发起这个请求时,代理服务器会将请求转发到 https://m.hua.com/home/GetProductListPrice,并将响应返回给你的应用程序。
另外,使用proxy跨域访问可能会引起一些安全问题,你需要在服务器端进行一些安全处理,例如:限制允许访问的来源、限制允许访问的HTTP方法等。