proxy代理解决vue中跨域问题

本文主要是介绍proxy代理解决vue中跨域问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

vue.config.js

module.exports = {...// webpack-dev-server 相关配置devServer: {host: '0.0.0.0',port: port,open: true,proxy: {'/api': {target: `https://vfadmin.insistence.tech/prod-api`,changeOrigin: true,pathRewrite: {//['^' + process.env.VUE_APP_BASE_API]: '''^/api': '/' }}},}
}

解释：
遇见/api开头的接口，代理到https://vfadmin.insistence.tech/prod-api，拼接成https://vfadmin.insistence.tech/prod-api/api
有没有pathRewrite取决于接口中有没有’/api’,如果接口没有/api，则将所有api变成空即可

这篇关于proxy代理解决vue中跨域问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---