vue代理服务器proxy配置
时间: 2023-09-24 16:06:00 浏览: 101
在 Vue.js 中,可以使用 `vue.config.js` 文件来进行代理服务器的配置。具体的步骤如下:
1. 在项目根目录下创建 `vue.config.js` 文件。
2. 在 `vue.config.js` 文件中添加如下代码:
```javascript
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://localhost:3000', // 代理服务器地址
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 重写路径,去掉 /api 前缀
}
}
}
}
}
```
3. 在代码中使用代理服务器的地址,例如:
```javascript
axios.get('/api/users').then(response => {
console.log(response.data)
})
```
以上代码将会向代理服务器发送 GET 请求,地址为 `http://localhost:3000/users`,并返回响应数据。
需要注意的是,如果代理服务器也是 Vue.js 项目,则需要在代理服务器的 `vue.config.js` 文件中添加如下代码:
```javascript
module.exports = {
devServer: {
disableHostCheck: true // 允许跨域
}
}
```
这样才可以实现跨域请求。
阅读全文