Vue 配置 Proxy 仍有跨域问题,深究解决之道
在 Vue 项目中配置 Proxy 以解决跨域问题,需要仔细检查 proxy 的配置是否正确。以下是一个典型的配置文件示例:
if (config.resType) { config.baseURL = '/hyjk_authorization'; // 判断请求地址 } else { config.baseURL = process.env.VUE_APP_BASE_API; } proxy: { '/hyjk_authorization': { target: 'http://211.90.39.00:8089/', 跨域的地址 changeOrigin: true, pathRewrite: { '^/hyjk_authorization':'' } } }
对于这个问题,从给出的代码来看,配置似乎没有问题。值得一试的是,代理到另一个地址,例如:
target: 'https://www.lilnong.top/cors/',
如果这个地址可以返回数据,那么可以检查 PathRewrite 或其他配置是否正确。如果仍然不行,则可能存在以下原因:
此外,可以尝试使用其他代理服务器,例如:
proxy: "http://127.0.0.1:9000/",
通过上述方法,可以逐一排查并解决 Vue 项目中代理跨域的问题,确保应用程序正常运行。