1. 使用vue.config.js文件配置代理:
在Vue项目的根目录下创建一个vue.config.js文件,并添加以下代码:
module.exports = {
devServer: {
proxy: {
'/api': {
target: 'http://api.example.com',
changeOrigin: true,
secure:false,
pathRewrite: {
'^/api': '/'
}
}
}
}
}
上述代码中,我们使用devServer
配置项来配置代理服务器。其中proxy
属性用于配置代理的规则,/api
表示需要代理的接口路径。target
属性表示代理的目标服务器地址,changeOrigin
属性表示是否改变请求的源地址,pathRewrite
属性用于重写请求的路径。
2. 使用http-proxy-middleware库配置代理:
在Vue项目的根目录下创建一个vue.config.js文件,并添加以下代码:
const proxyMiddleware = r