vue2 vue.config.js配置跨域完整代码
时间: 2023-08-15 14:51:44 浏览: 214
跨域文档.mdvue.config.js配置跨域vue.config.js配置跨域vue.config.js配置跨域
好的,以下是一个完整的 vue.config.js 配置跨域的代码示例:
```javascript
module.exports = {
devServer: {
proxy: {
// 将请求路径中以 /api 开头的请求代理到 http://localhost:3000/api 上
'/api': {
target: 'http://localhost:3000',
changeOrigin: true,
pathRewrite: {
'^/api': '/api'
}
}
}
}
}
```
上述代码中,我们通过 `proxy` 字段配置了一个代理,将所有以 `/api` 开头的请求代理到 `http://localhost:3000/api` 上,并且开启了跨域支持。其中,`changeOrigin: true` 表示是否改变请求头中的 Origin 字段,使得服务器能够识别请求来源,`pathRewrite` 则表示将请求路径中的 `/api` 替换成 `/api`,这样就能够正确地转发请求了。
需要注意的是,以上代码只适用于开发环境下,若要在生产环境下配置跨域,还需要在服务器端进行相应的配置。
阅读全文