关于vue配置代理跨域但是不生效的问题

最近在写一个登陆页面，已经配置过代理跨域了，但是发送的请求一直是本地请求

vue.confog.js中的配置
proxy: {
'/api': {
target: '目标服务器 :端口号'
changeOrigin: true,
secure: true,
pathRewrite: { '^/api': '' }
},
}
}

请求接口
export function login(data) {
return request({
url: '/api/Authenticate/login',
method: 'post',
data
})
}
请求拦截器
let instance = {
baseURL: '/api/',
timeout: 50000
}
const service = axios.create([instance])
service.defaults.headers.post['Content-Type'] = 'application/json;charset=UTF-8'
// 添加请求拦截器
service.interceptors.request.use(function (instance) {
return instance;
}, function (error) {
return Promise.reject(error);
});

但是运行结果还是本地的请求
POST http://localhost:8080/api/Authenticate/login 404 (Not Found)
可以帮忙解释一下吗

你的接口里有几个/api？我看你请求封装里有一个api，请求函数里又加了一个api

就是本地请求啊，你用了代理之后，显示是本地请求，实际是按照代理的走的

https://blog.csdn.net/weixin_49524462/article/details/116132443

关于该问题，我找了一篇非常好的博客，你可以看看是否有帮助，链接：Vue代理解决生产环境跨域问题