项目根目录下创建 vue.config.js
module.exports = {
devServer: {
proxy: {
'/api': {//代理 /api/xxx/xxx 的请求
target: '你要请求接口的地址',
pathRewrite: {
'^/api': ''
}
}
},
}
}
开发环境的 BASE_URL 如下
const BASE_URL = "/api";
request 的 url 为 /xxx/yyy
会被代理到 target/xxx/yyy
参考:
https://www.webpackjs.com/configuration/dev-server/#devserver

本文详细介绍如何在Vue.js项目中使用vue.config.js文件配置代理,以实现开发环境下的跨域请求。通过设置代理规则,将/api前缀的请求代理到指定的后端接口地址,同时利用Webpack的devServer功能,确保请求正确地被重定向。
7984

被折叠的 条评论
为什么被折叠?



