vue-admin-template配置proxy
时间: 2023-09-09 19:10:14 浏览: 130
学习vue-admin-template,优化了大量融入代码,添加中文注释
你可以通过配置代理(proxy)来在vue-admin-template中实现跨域请求。下面是一个简单的示例,展示了如何配置proxy。
在vue.config.js文件中,你可以添加以下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://api.example.com', // 将请求代理到目标服务器
changeOrigin: true, // 改变源
pathRewrite: {
'^/api': '' // 将路径中的 '/api' 移除
}
}
}
}
}
```
这个示例中,当你发出以`/api`开头的请求时,它将被代理到`http://api.example.com`。`changeOrigin`选项用于改变请求头中的"Host"字段,确保目标服务器可以正常接收请求。`pathRewrite`选项用于重写请求路径,这里将`/api`移除,以便更好地与目标服务器匹配。
记得在配置完成后,重启开发服务器以使配置生效。这样,你就可以在vue-admin-template中使用代理来发送跨域请求了。
阅读全文