vue cli项目配置CORS的demo
时间: 2023-11-14 10:06:05 浏览: 136
vue-cli3全面配置详解
在 Vue CLI 3 项目中,可以通过在 `vue.config.js` 文件中设置 `devServer.proxy` 来配置跨域请求。
以下是一个示例:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // 跨域请求的地址
ws: true,
changeOrigin: true,
pathRewrite: {
'^/api': '' // 将请求地址中的 /api 替换为空字符串
}
}
}
}
}
```
上述代码表示,所有以 `/api` 开头的请求都将被转发到 `http://localhost:3000` 这个地址,同时需要将请求地址中的 `/api` 替换为空字符串,以符合实际请求的地址。
注意:上述示例仅针对开发环境有效,如果需要在生产环境中使用跨域请求,需要在后端服务器上进行相关配置。
阅读全文